大家在学习javascript的时候,都知道在选择某一元素的时候,都用到DOM对象!或许有些人感到这些东西用的时候有些繁琐,但是会使用jQuery的同志们都会有这样一个感受,jQuery的选择器那这是太强大了!那接下来介绍几个常用的并且使用的选择器吧!
基础选择器:
1、ID选择器:这个选择器是通过元素的ID来选择的。例子:$("#divId") 这样就把id="divId" 的元素取到,然后就可以对这一元素进行操作了!
2、元素选择器:这个选择器是通过元素的名称来选择的。例子:$("a") 这样就选择了说有<a>元素。
3、样式选择器:根据元素的css类来选择。例子:$(".divClass") 这样选择的是所有css类为divClass的元素。
4、全选择器:选择所有的元素。例子:$("*") 这样选择的是页面所有的元素。
5、多重选择器:多重选择器是将各个选择用","分隔开,同时选中这几个选择器匹配的内容。例子:$("#divId",a,".divClass")。
层次选择器:
1、后代选择器:先选择祖先,后面跟后代。例子:$(".divClass div") 这样选择的是css类为divClass的元素中所有的div元素。
2、子代选择器:先选择父亲,然后跟上直接的孩子。例子:$(".divClass>li") 这样选择的是css类为divClass元素中直接子节点<li>元素。
3、层析选择器:例子:$("#divId+img") 这样选择的是ID为divId元素后面所有img对象。
今天抽点空写点关于jQuery选择器方面的一些总结。不过还有各种过滤器,那个有时间再总结吧,今天就这么着吧。