Jquery选择器大全
的有关信息介绍如下:Jquery技术在Web编程领域占了重要的地位,在没有Jquery之前我们只能使用Javascript来实现网页上的特效,但有了Jquery之后,使我们的代码更简洁了,实现功能更简单了。要学好Jquery技术,首先要先学会使用Jquery选择器。
下面我们一起来学习Jquery选择器。
1、类选择器HTML代码:
Jquery获取对象:$(".mydiv")2、ID选择器HTML代码:
Jquery获取对象:$("#mydiv")3、标签选择器HTML代码:Jquery获取对象:$("span")
4、通配符选择器HTML代码:
文字
Jquery获取对象:$("div *"),获取div下的所有标签对象标题
段落
5、同时定义多个选择器HTML代码:
Jquery获取对象:$("#mydiv,.other"),注意有逗号隔开了6、儿子选择器HTML代码:
Jquery获取对象:$("h1 > span"),需要注意的是,这种方式只会获取H1下面的SPAN,如果H1的孙子还有SPAN,将不会进行查找,这种写法仅用于查找儿子这一代
7、下一个兄弟选择器HTML代码:
12Jquery获取对象:$("h1").next("span"),该用法只会查找到1的元素,即H1的下一个兄弟8、兄弟选择器HTML代码:
Jquery获取对象:$("h1").nextAll(),获取h1的所有兄弟对象9、选取第一个和最后一个选择器HTML代码:
段落1
段落2
段落3
Jquery获取对象:$("p:first")获取第一个P标签,$("p:last")获取最后一个P标签10、取非选择器HTML代码:
Jquery获取对象:$("div:not(.mydiv)"),只会选择class为demo的对象你掌握了以上10种Jquery选择器方法,对你的Jquery编程会有很大的帮助。