使用 attr() 方法在 jQuery 中向特定的 HTML 标签添加属性。示例您可以尝试运行以下代码来学习如何在特定的 HTML 标签中添加属性：实时演示   $(document).ready(function(){       $(document).ready(function(){          $("button.button1").attr("myid", "myvalue");            $('button').on('click', function() {                     if (this.hasAttribute("myid")) {                alert('True: 新属性添加成功。')             } else {                alert('False')             }           })       });   });           按钮 1    

要查找 jQuery 中选定项是否存在某个属性，请使用 hasAttribute() 方法。示例您可以尝试运行以下代码来学习如何查找某个属性是否存在：实时演示                          $(document).ready(function(){             $('button').on('click', function() {                 if (this.hasAttribute("myattr")) {                    alert('True - myattr 属性存在')                 } else {                    alert('False - myattr 属性不存在')                 }             })          });                           按钮一                   按钮二          

*= 运算符用于筛选包含给定值的属性的元素。示例您可以尝试运行以下代码来学习如何使用 *= 运算符根据文本筛选属性：实时演示 $(document).ready(function(){    $( "div[myattr*='subject']" ).css("background-color", "yellow");     }); Java HTML Ruby

使用 jQuery 根据 data-attribute 值查找元素非常简单。示例您可以尝试运行以下代码来学习如何在 jQuery 中根据 data-attribute 值查找元素：实时演示    $(document).ready(function() {       $('[data-slide="2"]').addClass('demo');    }); .demo {     font-size: 200%;     color: green; } 一 二 三

使用逗号在 jQuery 属性选择器中执行 OR 操作。示例您可以尝试运行以下代码来学习如何在 jQuery 属性选择器中使用 OR 操作：实时演示                          $(document).ready(function(){            $('[myattr=demo][myid="sub1"],[myattr=demo][myid="sub3"]').css("background-color", "yellow");          });                     Java       HTML       Ruby    

使用 jQuery hasAttribute() 方法查看元素是否存在属性。示例您可以尝试运行以下代码来学习如何使用 hasAttribute() 方法：实时演示                          $(document).ready(function(){            $('button').on('click', function() {              if (this.hasAttribute("style")) {                alert('True')              } else {                alert('False')              }                         })          });                      检查按钮元素中的属性             按钮                   按钮 2          

要使 jQuery 属性选择器不区分大小写，请创建两个按钮并使用属性选择器操作输入。示例您可以尝试运行以下代码以使 jQuery 属性选择器不区分大小写：实时演示                          $(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 输入蓝色            $("#sensitive").click(function(){               $( "input[name*='myclass']" ).css("background-color", "blue");            });          });                                       不区分大小写       区分大小写    

是的，可以将变量传递到 jQuery 属性包含选择器中。[attribute*=value] 选择器用于选择每个具有特定属性和包含字符串的值的元素。示例您可以尝试运行以下代码来学习如何将变量传递到 jQuery 属性包含选择器中：实时演示 $(function() {   var testString = "vp-485858383";   $('[data-vp*="id: ' +  testString + '"]').css('color', 'blue'); }); Hello World

switchClass() 用于从元素中切换类。使用它来替换一个类为另一个类。将 jQuery UI 库添加到网页以使用 switchClass()。示例您可以尝试运行以下代码来学习如何使用 switch 类：实时演示                          $(document).ready(function(){           $("a").click(function(){              $("a.active").removeClass("active");              $(this).addClass("active");            });          });             ... 阅读更多

要使用 jQuery 在点击锚点标签时添加类，请使用 addClass() 方法。要删除类，请使用 removeClass() 方法。示例您可以尝试运行以下代码来学习如何在 jQuery 中删除类：实时演示                          $(document).ready(function(){           $("a").click(function(){              $("a.active").removeClass("active");              $(this).addClass("active");            });          });                      .active {             font-size: 22px;            }                     一       二       点击以上任何链接，您都可以看到更改。