如何使jQuery属性选择器不区分大小写?
要使jQuery属性选择器不区分大小写,请创建两个按钮,然后使用属性选择器操作输入。
示例
您可以尝试运行以下代码以使jQuery属性选择器不区分大小写:
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/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>