首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

jQuery(二):jQuery选择器

2012-12-21 
jQuery(2):jQuery选择器jQuery的元素选取:??以下是根据类名匹配元素的例子?层次选择器:以下是四个层次选择

jQuery(2):jQuery选择器

jQuery的元素选取:

??以下是根据类名匹配元素的例子

?

层次选择器:以下是四个层次选择器

?

选择器:$("ancestor descendant") ?

描述:选取ancestor元素里的所有descendant(后代)元素???????

返回:集合元素
示例:$("div span")选取<div>里的所有的<span>元素?

?

选择器:$("parent>child")

描述:选取parent元素下的child(子)元素,与$("ancestor descendant")有区别,$("ancestor descendant")取???

???????? 的是所有后代元素??????

返回:集合元素
示例:$("div>span")选取<div>元素下元素名是<span>的子元素

?

选择器:$('prev+next')

描述:选取紧接在prev元素后的next元素

返回:集合元素
示例:$('.one+div')选取class为one的下一个<div>元素

注意:此选择器可以用next方法代替,如$('.one').next('div')

?

选择器:$('prev~siblings')

描述:选取prev元素之后的所有siblings(兄弟)元素

返回:集合元素
示例:$('#two~div')选取id为two的元素后面的所有<div>兄弟元素,即平级的元素

注意:此选择器可以用nextAll方法代替,如$('#two').nextAll('div')

???????? 此外还有一个siblings'方法,它将返回所有前后的兄弟节点,如$('#two').nextAll('div'),上面的方法只返回之

???????? 后的兄弟节点。

?

过滤选择器:

jQuery(二):jQuery选择器

jQuery(二):jQuery选择器

?

jQuery(二):jQuery选择器

jQuery(二):jQuery选择器

jQuery(二):jQuery选择器

jQuery(二):jQuery选择器

jQuery(二):jQuery选择器

jQuery(二):jQuery选择器

热点排行