版权声明:本文为大都督作者的原创文章,未经 大都督 允许也可以转载,但请注明出处,谢谢! 共勉! https://blog.csdn.net/qq_37335220/article/details/84639644
<!DOCTYPE html>
<html>
<head>
<title>属性过滤选择器</title>
<style type="text/css">
body{font-size:12px;text-align:center}
div{float:left;border:solid 1px #ccc;margin:8px;
width:65px;height:65px;display:none}
</style>
</head>
<body>
<div id="divID">ID</div>
<div title="A">Title A</div>
<div id="divAB" title="AB">
ID
<br/>
Title AB
</div>
<div title="ABC">Title ABC</div>
<script src="../jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//显示所有属性title的值中含有“B”,且属性id的值是“divAB”的元素
$("div[id='divAB'][title*='B']").show(3000);
//显示所有属性title的值中含有“B”的元素
//$("div[title*='B']").show(3000);
//显示所有属性title的值以“C”结束的元素
//$("div[title$='C']").show(3000);
//显示所有属性title的值以“A”开始的元素
//$("div[title^='A']").show(3000);
//显示所有属性title的值不是“A”的元素
//$("div[title!='A']").show(3000);
//显示所有属性title的值是“A”的元素
//$("div[title='A']").show(3000);
//显示所有含有id属性的元素
//$("div[id]").show(3000);
})
</script>
</body>
</html>