<html xmlns="http://www.w3.org/1999/xhtml">
<head>
-->
<title></title>
<!-- 使用jQuery属性过滤选择器选择元素:在页面中，增加四个<div>标记，并设置不同的ID和Title属性值，然后通过属性过滤选择器获取所指定的元素集合-->
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<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>
<script type="text/javascript">
$(function () { //显示所有含有id属性的元素
$('div[id]').show(3000);
})
$(function () { //显示所有属性title的值是‘A’的元素
$("div[title='A']").show(3000);
})
$(function () { //显示所有属性title的值不是‘A’的元素
$("div[title!='A']").show(3000);
})
$(function () { //显示所有属性title的值以‘A’开始的元素
$("div[title^='A']").show(3000);
})
$(function () { //显示所有属性title的值以‘C’结束的元素
$("div[title$='C']").show(3000);
})
$(function () { //显示所有属性title的值中含有‘B’的元素
$("div[title*='B']").show(3000);
})
$(function () { //显示所有属性title的值中含有‘B’且属性id的值是‘divAB’的元素
$("div[id='divAB'][title*='B']").show(3000);
})
</script>
<!--说明 show()是jQuery库中的一个显示元素函数，括号中的参数表示显示时间，单位是毫秒，show（3000）表示用3000毫秒显示。-->
</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>
</body>
</html>
<head>
<!--
属性过滤选择器：根据元素的某个属性获取元素，如ID号或匹配属性值的内容，并以"["号开始"]"号结束。
jQuery选择器详解
根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种-->
<title></title>
<!-- 使用jQuery属性过滤选择器选择元素:在页面中，增加四个<div>标记，并设置不同的ID和Title属性值，然后通过属性过滤选择器获取所指定的元素集合-->
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<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>
<script type="text/javascript">
$(function () { //显示所有含有id属性的元素
$('div[id]').show(3000);
})
$(function () { //显示所有属性title的值是‘A’的元素
$("div[title='A']").show(3000);
})
$(function () { //显示所有属性title的值不是‘A’的元素
$("div[title!='A']").show(3000);
})
$(function () { //显示所有属性title的值以‘A’开始的元素
$("div[title^='A']").show(3000);
})
$(function () { //显示所有属性title的值以‘C’结束的元素
$("div[title$='C']").show(3000);
})
$(function () { //显示所有属性title的值中含有‘B’的元素
$("div[title*='B']").show(3000);
})
$(function () { //显示所有属性title的值中含有‘B’且属性id的值是‘divAB’的元素
$("div[id='divAB'][title*='B']").show(3000);
})
</script>
<!--说明 show()是jQuery库中的一个显示元素函数，括号中的参数表示显示时间，单位是毫秒，show（3000）表示用3000毫秒显示。-->
</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>
</body>
</html>
726
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
