复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<>
<title></title>
<>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<style type="text/css">
body{font-size:12px;text-align:center;}
.clsFrame{width:300px;height:100px}
.clsFrame div,span{display:none;float:left;width:65px;height:65px;border:solid 1px #ccc;margin:8px}
.clsOne{background-color:#eee}
</style>
<script type="text/javascript">
$(function () { //ID匹配元素
$('#divOne').css('display', 'block');
})
$(function () { //元素名匹配元素
$('div span').css('display', 'block');
})
$(function () { //类匹配元素
$('.clsFrame .clsOne').css('display', 'block');
})
$(function () { //匹配所有元素
$('*').css('display', 'block');
})
$(function () { //合并匹配元素
$('#divOne,span').css('display', 'block');
})
</script>
</head>
<body>
<div>
<div id="divOne">
ID</div>
<div>
CLASS</div>
<span>SPAN</span>
</div>
</body>
</html>
【jQuery基本选择器选择元素使用介绍】相关文章：