JQuery基本选择器
选择器 |
描述 |
返回 |
#id |
根据给定的id匹配一个元素 |
单个元素 |
.class |
根据给定的类名匹配元素 |
集合元素 |
element |
根据给定的元素名匹配元素 |
集合元素 |
* |
匹配所有元素 |
集合元素 |
Selector1,selector2,... |
将每一个选择器匹配到的元素合并后一起返回 |
集合元素 |
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script type="text/javascript" src="jquery-core/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>