Overview
Matches elements containing the given attribute. Note that in jQuery 1.3, the leading @ symbol has been abolished! If you want to be compatible with the latest version, simply remove the @ symbol.
Parameters
attributeStringV1.0
Attribute name
Example
Description:
Find all div elements containing the id attribute
HTML Code:
<div> <p>Hello!</p> </div> <div id="test2"></div>
jQuery Code:
$("div[id]")Result:
[ <div id="test2"></div> ]
This selector can match with the given attribute element.
Syntax structure:
$("[attribute]")Parameter list:
Parameter Description
attribute The name of the attribute to be found.
Example code:
<!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>The above code can set the text color in the li element with the title attribute to blue.
The above is the detailed content of Detailed explanation of the use of jQuery selector [attribute]. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
