jquery选择器之属性过滤选择器详解-PHP开发-php.cn

jquery选择器之属性过滤选择器详解

高洛峰

Lepaskan： 2016-12-17 15:58:41

asal

1232 orang telah melayarinya

<style type="text/css">
  /*高亮显示*/
  .highlight{   
   background-color: gray
  }
 </style>

Salin selepas log masuk

<body>
   <div>
      <p>Hello</p>
   </div>
   <div id="test">ID为test的DIV</div>
   <input type="checkbox" id="s1" name="football" value="足球" />足球
   <input type="checkbox" name="volleyball" value="排球" />排球
   <input type="checkbox" id="s3" name="basketball" value="篮球" />篮球
   <input type="checkbox" id="s4" name="other" value="其他" />其他
  </body>

Salin selepas log masuk

[attribute]用法
定义：匹配包含给定属性的元素

$("div[id]").addClass("highlight"); //查找所有含有ID属性的div元素

Salin selepas log masuk

2. [attribute=value]用法
定义：匹配给定的属性是某个特定值的元素

$("input[name=&#39;basketball&#39;]").attr("checked",true);   //name属性值为basketball的input元素选中

Salin selepas log masuk

3. [attribute!=value]用法
定义：匹配给定的属性是不包含某个特定值的元素

$("input[name!=&#39;basketball&#39;]").attr("checked",true);   //name属性值不为basketball的input元素选中 
//此选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value])
$("input:not(input[name=&#39;basketball&#39;])").attr("checked",true);

Salin selepas log masuk

4. [attribute^=value]用法
定义：匹配给定的属性是以某些值开始的元素

$("input[name^=&#39;foot&#39;]").attr("checked",true);  //查找所有 name 以 &#39;foot&#39; 开始的 input 元素

Salin selepas log masuk

5. [attribute$=value]用法
定义：匹配给定的属性是以某些值结尾的元素

$("input[name$=&#39;ball&#39;]").attr("checked",true); //查找所有 name 以 &#39;ball&#39; 结尾的 input 元素

Salin selepas log masuk

6. [attribute*=value]用法
定义：匹配给定的属性是以包含某些值的元素

$("input[name*=&#39;sket&#39;]").attr("checked",true);  //查找所有 name 包含 &#39;sket&#39; 的 input 元素

Salin selepas log masuk

7. [selector1][selector2][selectorN]用法
定义：复合属性选择器，需要同时满足多个条件时使用

$("input[id][name$=&#39;ball&#39;]").attr("checked",true);  //找到所有含有 id属性，并且它的 name属性是以 ball结尾的

Salin selepas log masuk

更多jquery选择器之属性过滤选择器详解相关文章请关注PHP中文网！

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

jquery选择器之属性过滤选择器详解