分类解析jQuery选择器

2020-05-27 17:55:25易采站长站整理

      </div>

   (3)、[attribute!=value]  获取属性值不等于value的元素


      $("div[class!=div1]").css("color","red");
      <div>我是一个没有class属性的div</div>           ***会被选中,没有class属性自然class属性不等于div1
      <div class="div2">我是一个class属性等于div2的div</div>   ***会被选中,class属性不等于div1
      <div class="div1">我是一个class属性等于div1的元素</div>  ***不会被选中,class属性等于div1

   (4)、[attribute^=value]  获取属性值以value开始的元素


      $("div[class^=div]").css("color","red');
      <div class="div1">我是div1</div>  ***会被选中,class属性以div开始
      <div class="div2">我是div2</div>  ***会被选中,class属性以div开始
      <div class="abc">我是div3</div>   ***不会被选中,class属性不以div开始

  (5)、[attribute$=value]  获取属性值以value结束的元素


      $("div[class$=div]").css("color","red");
      <div class="1div">我是第一个div</div>  ***会被选中,class属性以div结束
      <div class="2div">我是第二个div</div>  ***会被选中,class属性以div结束
      <div class="abc">我是第三个div</div>   ***不会被选中,class属性不以div结束

  (6)、[attribute*=value]  获取属性值包含value值元素


      $("div[class*=div]").css("font-size","30px");
      <div class="div1">我是div1</div>  ***会被选中,属性值包含div
      <div class="1div">我是1div</div>  ***会被选中,属性值包含div
      <div class="1div1">我是1div1</div> ***会被选中,属性值包含div
      <div class="abc">我是abc</div>   ***会被选中,属性值包含div

  (7)、[selector][selector][selector]  获取属性交集元素


      $("div:[class][title=title1]").css("background-color","red");
      <div class="div1" title="title1">我是div1,title1</div>  ***会被选中,有class属性且title属性等于title1
      <div class="div1" title=title2>我是div1,title2</div>   ***不会被选中,虽然有class属性,但是title属性不等于title2
      <div class="div3">我是div3</div>           ***不会被选中,没有title属性