想做好前端编程，得掌握jQuery操作DOM！遇到问题？别急，这里教你怎么用jQuery找子级元素，像子元素选择器，看下有哪些子元素之类的。还有实用例子等着你！
一、jQuery子元素选择器
用jQuery的子元素选择器真挺省事儿！就一个简单的”>符号，就能定位到咱们要找的那级元素！比如像这样，这段代码就能找出id=”parent”所在的所有元素里有哪些好东东呐~
javascript
$("#parent >*")
$("#parent > *")
哥们儿，找ClassName类里的元素找得辛苦？别担心，用这个“*”就能大大方便！
$("#parent > .child")
$(“#parent >.child”)
二、jQuery子元素遍历方法
亲们，别小瞧jQuery了除了常用的子元素选取器，它还有很多实用技巧等你发掘，像children(), find(), next(), prev(), siblings(), first(), last()这种你可能还不清楚的神奇功能，找子元素轻而易举！
1. children()
瞧瞧，children()这个函数简直是个神奇宝贝，它可以像魔法师似的，把你想要的元素都找到。不过别弄错了，你得保证自己不要伤害到人家那些小家伙们。如果只是想找出那段代码里有id==”parent”这样子的元素的话，那就大胆用它。
$(“#parent”).children()
$("#parent").children()
你想动手改动parent孩子类里面的内容，就这么干吧：
简单的说，我们叫这个”主题”，小个子就是”小孩子”。这里，”主题”就是父母，那么”小孩子”就是咱们家庭里的每个成员。想选谁？像下面这样：$(“#主题”).children(“小孩子”)，马上就能选中”主题”里面全部的”小孩子”
$("#parent").children(".child")
2. find()
find()这招儿厉害了！随便一个对象就能告诉你它能生出多少后代，比如下面这段代码就是在找”parent”这个家伙的所有孙子们，只要它们是“child”家族的人：
$(“#parent”).find(“.child”)
3. next()
这不就有个next()方法能帮你找下一个兄弟姐妹吗？没找到别慌，还有好看的空 jQuery 对象等你发现。比如，试试’ sibling’这个id呗，看看能不能在里头找到啥：
$("#parent").find(".child")
$(“#parent”).next()
4. prev()
prev()这东西可有用了！用它能找出前面那个元素。要是找不着咋办？那就直接告诉你，啥也没有，只能拿到个空荡荡的jQuery对象。这样说，想猜猜看’parent’这个id定位的玩意儿前面是哪个？试试看：
$(“#parent”).prev()
$("#parent").next()
5. siblings()
瞧这儿，getSiblings()这招可是找亲戚的利器，不论亲疏远近，都能迅速帮你找到。这样一来，做事儿就快多！
$(“#parent”).siblings()
6. first()
First(这位)，就是那种老是爱冒险找宝藏地小朋友。
$("#parent").prev()
$(“#parent”).first()
7. last()
就跟跑马拉松一样，顺利完成每个阶段才算赢，最后一个环节就是你的大奖！
$(“#parent”).last()
三、示例代码
$("#parent").siblings()
咱们就这么办呗，我跟你说说怎么用jQuery找到子节点里除了自己之外的所有元素。
$(document).ready(function(){
把”#parent >.child”改成红色。
});
接下来，我教你怎么简单快速地利用jQuery找到除自己之外的所有后代元素~
$("#parent").children().first()
评论0