jquery选择器例子（Jquery深入浅出2选择器）
可以给HTML元素设置一个id，根据id选取该HTML元素。 例如，使用$("#menu")可以选取id为menu的HTML元素。
p注意：同一页面不要出现多个id相同的元素。当出现这种情况时，id选择器将只选择页面中第一个符合条件的元素。
<html>
<head>
<script type="text/javascript" src="http://img.studyofnet.comJquery-1.11.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function(){
alert("hello");
});
});
</script>
</head>
<body>
<button id="button1">单击我</button>
</body>
</html>
使用标签名可以选取网页中所有该类型的元素。
例如: p使用$("div")可以选取网页中所有的<div>元素；
使用$("a")可以选取网页中所有的<a>元素；
使用$("p")可以选取网页中所有的<p>元素；
使用$(".ClassName")可以选取网页中所有应用了CSS类（class属性为ClassName）的HTML元素
使用$("*")可以选取网页中所有的HTML元素。
使用$(selector1, selector2, selectorN)可以同时选取网页中的多个HTML元素。
即用 ,号 分隔多个选择器。
<script>
$(document).ready(function(){
$("div, span").css("border","3px solid red");
});
</script>
<style>
……
层次选择器ancestor descendant选择器可以选取指定祖先元素的所有指定类型的后代元素。 例如，使用$("form input")可以选择表单内（任何层次）的所有input元素。
parent > child选择器可以选取指定父元素的所有子元素，子元素必须包含在父元素中。 例如，使用$("form > input")可以选择form元素下一层（即孩子）的所有input元素。
prev next选择器可以选取紧接在指定的prev元素后面的next元素。 例如，使用$("label input")可以选择所有紧接在label元素后面的input元素。
prev ～ siblings选择器可以选取指定的prev元素后面根据siblings过滤的元素。 例如，使用$("#prev ~ div")可以选择所有在id为prev的元素后面的div元素。
,
免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。文章投诉邮箱：anhduc.ph@yahoo.com
