jQuery-属性选择器

fightingcoder419

于 2016-08-23 19:22:37 发布

阅读量304

点赞数 1

文章标签： jQuery 属性选择器

本文链接：https://blog.youkuaiyun.com/fightingcoder419/article/details/52293687

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-2.1.0.js"></script>
	</head>
	<body>
		<p title="aaa">11111111111111111111111111111111111111111111111111111111111111111111</p>
		<p title="dddddd">2222222222222222222222222222222222222222222222222</p>
		<p>333333333333333333333333333333333333333333333333333333333</p>
		<p title="1111aaa2222">4444444444444444444444444444444</p>
		<p title="aaa3333">55555555555555555555555555555555555555555555</p>
		<p title="bbbbaaa">6666666666666666666666666666666666666666</p>
	</body>
	<script>
		$(function(){
			//选取属性值中包含aaa的元素
			//$("p[title*=aaa]").css("font-size","40px");
			//选取属性值以aaa开始的元素
			//$("p[title^=aaa]").css("font-size","40px");
			//选取属性值以aaa结束的元素
			//$("p[title$=aaa]").css("font-size","40px");
			//选取属性值不是aaa的元素
			$("p[title!=aaa]").css("font-size","40px");
		});
	</script>
</html>