如何使用jQuery选择器获取父元素、同级元素和子元素

如何使用jQuery选择器获取父元素、同级元素和子元素
首先,获取父元素

1、母({表达式}):

获取指定元素的所有父元素。
复制代码代码如下所示:
href_fir
href_sec
href_thr

href_fiv

$(文档)Ready(函数(){)
$()。父()AddClass('a_par);
});

Firebug看jQuery的父母的影响

两。得到相同的元素:

1、二({表达式}):
获取指定元素的下一级元素(注意是下一级元素)
复制代码代码如下所示:
列表项1
列表项2
列表项3
列表项4
列表项5
$(李。第三项)。下一个(),Css('background-color',');
此示例的结果是只有列表项4的背景颜色更改为红色。

2、nextall({他}):

获取指定元素后面的所有相同级别元素。
复制代码代码如下所示:
一次又一次
无功p_nex = $(p)。NextAll();
p_nex.addclass('p_next_all);

看的最后一个标签,并添加the'p_next_all名字'。

3、和():

获取指定元素后面的所有相同的级别元素,然后是指定的元素。

我觉得这个函数是最有趣的函数之一。这是什么意思直译是我,我自己,我和我自己。
复制代码代码如下所示:
HelloHello AgainAnd再次
无功p_nex = $(p)。NextAll()AndSelf();
p_nex.addclass('p_next_all);

看看第一个标签,这意味着在P标签后面选择所有相同的水平标签,和你自己。

下面的两个例子,事实上是相反的()和()nextall下

4、沪指():获取指定元素的最后一级元素(最后一个)。

5、prevall():获得所有同级元素指定元素的前面。

三。获得的子元素

1。发现元素的方法1:>

例如:var anods = $(UL);发现在UL标签

2。发现元素的方法2:儿童()

三.发现元素的方法3:找到()

下面简要介绍以下子()和查找()的异同之处:

1个>子和find方法都是用来获取元素的子元素,它们都不返回文本节点,就像大多数jQuery方法一样。
2 >子方法只获取元素的子元素,即直接子元素。
3 > find方法获取所有较低的元素,即DOM树中这些元素的后代。
4、孩子的方法的参数选择是可选的(可选),用来过滤单元,

但是选择器查找方法的参数是必需的。

5 >找到方法实际上可以用jQuery实现的(选择背景),$(李。项目II)。找到(李)相当于$(李,李。项目II)。

例:
复制代码代码如下所示:


II


B




C

使用:$('ul。二重)。孩子们()。Css('border','1px固绿);效果:

使用$('ul。二重)。找到(李的)。Css('border','1px固绿),效果:
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部