cari

Rumah >hujung hadapan web >tutorial js >jQuery选择器[attribute]的使用详解

jQuery选择器[attribute]的使用详解

黄舟
黄舟asal
2017-06-23 13:09:301215semak imbas

概述

匹配包含给定属性的元素。注意，在jQuery 1.3中，前导的@符号已经被废除！如果想要兼容最新版本，只需要简单去掉@符号即可。

参数

attributeStringV1.0

属性名

示例

描述:

查找所有含有 id 属性的 div 元素

HTML 代码:

<div> <p>Hello!</p> </div> <div id="test2"></div>

jQuery 代码:

$("div[id]")

结果:

[ <div id="test2"></div> ]

此选择器能够匹配带有给定属性的元素。

语法结构:

$("[attribute]")

参数列表:

参数                   描述    

attribute            要查找的属性名称。    

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("[title]").css("color","blue"); 
  }); 
}); 
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second" title="jquery">Jquery专区</li>
</ul>
<ul>
  <li id="third">欢迎来到脚本之家</li>
  <li>欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

以上代码可以将具有title属性的li元素中的文本颜色设置为蓝色。

Atas ialah kandungan terperinci jQuery选择器[attribute]的使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery :visible选择器的使用方法介绍Artikel seterusnya：jQuery中[attribute=value]选择器的使用案例

Artikel berkaitan

Lihat lagi