<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
//为所有具有id属性的元素设置样式,动画效果
//$('div[id]').show(3000);
//为所有属性具有title切title值为t2div设置动画效果
//$('div[title=t2]').show(3000);
//为所有属性具有title切title值不为t2div设置动画效果
//$('div[title!=t2]').show(3000);
//属性值以t开头
//$('div[title^=t]').show(3000);
//属性值以2结束
//$('div[title$=2]').show(3000);
//属性值包含2
//$('div[id*=2]').show(1000);
//id值以d开始,title值以3结束
$('div[id^=d][title$=3]').show(1000);
})
})
</script>
</head>
<body>
<form id="form1" action="属性过滤选择器.aspx">
<div title="t1">第一层</div>
<div id="div2" title="t2">第二层</div>
<div id="div3" title="t3">第三层</div>
<div id="div4" title="t4">第四层</div>
<input type="button" id="btn" value="click" />
</form>
</body>