jquery查找子元素？

Answer 1

jquery怎么获取元素的子元素

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素

find()方法：获取该元素下的所有子集元素

浅析jQuery中常用的元素查找方法总结

本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍需要的朋友参考下?

$("#myELement")选择id值等于myElement的元素id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div")选择所有的div标签元素返回div元素数组$("myClass")??选择使用myClass类的css的所有元素$("*")选择文档中的所有的元素可以运用多种的选择方式进行联合选择例如$("#myELementdivmyclass")

层叠选择器$("forminput")选择所有的form元素中的input元素$("#main*")?选择id值为main的所有的子元素$("label+input")选择所有的label元素的下一个input元素节点经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素$("#prev~div")同胞选择器该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

基本过滤选择器$("tr:first")选择所有tr元素的第一个$("tr:last")?选择所有tr元素的最后一个$("input:not(:checked)+span")

过滤掉checked的选择器的所有的input元素$("tr:even")??选择所有的tr元素的第个元素（注意因为所选择的多个元素时为数组所以序号是从开始）$("tr:odd")???选择所有的tr元素的第个元素$("td:eq()")?选择所有的td元素中序号为的那个td元素$("td:gt()")?选择td元素中序号大于的所有td元素$("td:ll()")?选择td元素中序号小于的所有的td元素$(":header")$("div:animated")

内容过滤选择器$("div:contains(John)")选择所有div中含有John文本的元素$("td:empty")????????????选择所有的为空（也不包括文本节点）的td元素的数组$("div:has(p)")??????????选择所有含有p标签的div元素$("td:parent")???????????选择所有的以td为父节点的元素数组

可视化过滤选择器$("div:hidden")??????????选择所有的被hidden的div元素$("div:visible")?????????选择所有的可视化的div元素

属性过滤选择器$("div[id]")?????????????选择所有含有id属性的div元素$("input[name=newsletter]")???选择所有的name属性等于newsletter的input元素$("input[name!=newsletter]")??选择所有的name属性不等于newsletter的input元素$("input[name^=news]")????????选择所有的name属性以news开头的input元素$("input[name$=news]")????????选择所有的name属性以news结尾的input元素$("input[name*=man]")?????????选择所有的name属性包含news的input元素$("input[id][name$=man]")???可以使用多个属性进行联合选择该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

子元素过滤选择器$("ulli:nthchild()")$("ulli:nthchild(odd)")$("ulli:nthchild(n+)")$("divspan:firstchild")??返回所有的div元素的第一个子节点的数组$("divspan:lastchild")???返回所有的div元素的最后一个节点的数组$("divbutton:onlychild")?返回所有的div中只有唯一一个子节点的所有子节点的数组

表单元素选择器$(":input")??????选择所有的表单输入元素包括inputtextareaselect和button$(":text")???????选择所有的textinput元素$(":password")???选择所有的passwordinput元素$(":radio")??????选择所有的radioinput元素$(":checkbox")???选择所有的checkboxinput元素$(":submit")?????选择所有的submitinput元素$(":image")??????选择所有的imageinput元素$(":reset")??????选择所有的resetinput元素$(":button")?????选择所有的buttoninput元素$(":file")???????选择所有的fileinput元素$(":hidden")?????选择所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器$(":enabled")??选择所有的可操作的表单元素$(":disabled")?选择所有的不可操作的表单元素$(":checked")??选择所有的被checked的表单元素$("selectoption:selected")选择所有的select的子元素中被selected的元素选取一个name为”S__″的inputtext框的上一个td的text值$(”input[@name=S__]“)parent()prev()text()名字以”S_”开始并且不是以”_R”结尾的$(”input[@name^=S_]“)not(”[@name$=_R]“)一个名为radio_的radio所选的值$(”input[@name=radio_][@checked]“)val();$("AB")查找A元素下面的所有子节点包括非直接子节点$("AB")查找A元素下面的直接子节点$("A+B")查找A元素后面的兄弟节点包括非直接子节点$("A~B")查找A元素后面的兄弟节点不包括非直接子节点

$("AB")查找A元素下面的所有子节点包括非直接子节点例子找到表单中所有的input元素HTML代码:formlabelName:/labelinputname=name/fieldset?????labelNewsletter:/label?????inputname=newsletter//fieldset/forminputname=none/jQuery代码:$("forminput")结果:[inputname=name/inputname=newsletter/]

$("AB")查找A元素下面的直接子节点例子匹配表单中所有的子级input元素HTML代码:formlabelName:/labelinputname=name/fieldset?????labelNewsletter:/label?????inputname=newsletter//fieldset/forminputname=none/jQuery代码:$("forminput")结果:[inputname=name/]

$("A+B")查找A元素后面的兄弟节点包括非直接子节点例子匹配所有跟在label后面的input元素HTML代码:formlabelName:/labelinputname=name/fieldset?????labelNewsletter:/label?????inputname=newsletter//fieldset/forminputname=none/jQuery代码:$("label+input")结果:[inputname=name/inputname=newsletter/]

lishixinzhi/Article/program/Java/JSP/201311/20132

jquery如何获取当前元的子元素？

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。

1.children()方法：获取该元素下的直接子集元素

2.find()方法：获取该元素下的所有子集元素

3.children()方法获取ul下面直接子集元素li：$("ul").children("li")

4.find()方法获取ul下所有元素li：$("ul").find("li")

5.children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。