如何让 jQuery 属性选择器对大小写不敏感?


要让 jQuery 属性选择器对大小写不敏感,创建两个按钮并使用属性选择器操作输入。

示例

你可以尝试运行以下代码让 jQuery 属性选择器对大小写不敏感

实时演示

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
           $("button").click(function(){
              $( "input[name*='myclass' i]" ).css("background-color", "yellow");
           });
   
           $("#insensitive").click(function(){
              $( "input[name*='myclass' i]" ).css("background-color", "blue");
           });

           // myclass input blue
           $("#sensitive").click(function(){
              $( "input[name*='myclass']" ).css("background-color", "blue");
           });
         });
      </script>
   </head>
   <body>
      <input name="myclass">
      <input name="MYCLASS">
      <br>
      <button id="insensitive">Case insensitive</button>
      <button id="sensitive">Case sensitive</button>
   </body>
</html>

更新于:06-12-2019

1K+ 浏览

启动你的 职业生涯

完成课程后获得认证

开始学习
广告