基本选择器中的各个小类:
1、id选择器
根据给定的id匹配个元素
2、class选择器
根据给定的类名匹配元素
3、element选择器
根据给定的元素名匹配元素
4、 * 选择器
匹配所有元素
5、并列选择器
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
//请自己引用js文件
<title>New Web Project</title>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function(){
$('#bt1').click(function(){
alert('id选择器:'+$('#d1').html()
+ "\nclass选择器:"+$('.c1').html()
+"\n元素选择器:"+$('p').eq(0).html()
+"\n*选择器:"+$('*').eq(5).html()
+"\n多选择器选中的个数:"+$('div,p,#bt1').length
);
});
});
</script>
</head>
<body>
<div id="d1">我是一个div</div>
<div class="c1">我是一个div2</div>
<p>我是一个p</p>
<input type="button" value="button" id="bt1" />
</body>
</html>