javascript jquery选择器前缀

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript jquery选择器前缀相关的知识,希望对你有一定的参考价值。

 <script src="../tools/jquery/jquery-3.4.1.min.js"></script>
 <button id="test1" value="value1">Test 1</button>
 <button id="test2" value="value2">Test 2</button>
 <button id="test3" value="value3">Test 3</button>
 <button id="something" value="something">something</button>
 <input type="text" id="display" value="">

 <script>
     $(document).ready(function() {
         // this function will only work when one of the first 3 buttons is clicked
         $('button[id^="test"]').click(function(){
             $("#display").val($(this).val());
         });
     })

 </script>

以上是关于javascript jquery选择器前缀的主要内容,如果未能解决你的问题,请参考以下文章