3.3 JQ的属性选择器

最新推荐文章于 2023-06-24 20:13:19 发布

P_ning

最新推荐文章于 2023-06-24 20:13:19 发布

阅读量127

点赞数

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/P_ning/article/details/96840062

版权

jQuery 专栏收录该内容

19 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<script type="text/javascript" src="../../js库/jquery-2.1.0.js"></script>
		<script>
			//选择器:[属性]		还是要有一个选择器在前面的,后面才可以写属性
			$(function(){
				$("#btn1").click(function(){
					$("a[href]").css("color","red");//一个属性
				});
			});
			$(function(){
				$("#btn2").click(function(){
					$("a[href][title]").css("color","yellow");//多个属性
				});
			});
			$(function(){
				$("#btn3").click(function(){
					$("a[href][title='1']").css("color","blue");//多个属性,且属性有限制
				});
			});
			//更多看手册
		</script>
		<input type="button" id="btn1" value="有href的a" />
		<input type="button" id="btn2" value="有href,title的a" />
		<input type="button" id="btn3" value="有href,title值为1的a" /><br />
		<a href="#">只有href</a><br />
		<a href="#" title="0">有href title</a><br />
		<a href="#" title="1">有href title值为1</a>
	</body>
</html>