jquery属性过滤选择器

<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>

标签