获取节点的各种方法

一.JQuery

    $('#box').prent()  //父节点

    $('#box').prents()  //所有父节点

    $('#box').children()  //全部子节点,此方法获取的是集合,可单个选取某一节点入$('#box').children('#text1')

    $('#box').prev()    //上一个兄弟节点

    $('#box').prevs()  //之前全部兄弟节点

    $('#box').next()    //下一个兄弟节点

    $('#box').nexts()  //之后所有兄弟节点

    $('#box').siblings() //所有兄弟节点,此方法获取的是集合,可单个选取某一节点入$('#box').siblings('#text2')

    $('#box').find('#text3')  //搜索所有段落中的后代节点

    $('.box').eq(1) //如果有两个box类想选取第二个则可以用eq()来获取


    $("ul li").first(); // 选取ul li中匹配的第一个元素

    $("ul li").last(); // 选取ul li中匹配的最后一个元素

    $("ul li").slice(1, 4); // 选取第2 ~ 4个元素

2.原生js

var chils= s.childNodes;  //得到s的全部子节点

var par=s.parentNode;   //得到s的父节点

var ns=s.nextSbiling;   //获得s的下一个兄弟节点

var ps=s.previousSbiling;  //得到s的上一个兄弟节点

var fc=s.firstChild;   //获得s的第一个子节点

var lc=s.lastChile;   //获得s的最后一个子节点

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 3,173评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,144评论 0 2
  • jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有...
    1263536889阅读 399评论 0 1
  • jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有...
    LiWei_9e4b阅读 537评论 0 0
  • 从前有个人他有许多羊,于是他雇了一个年轻人放羊。 这个年轻人每天天还没亮都起来放羊,把羊赶到草又多...
    鄧元斌阅读 415评论 0 0

友情链接更多精彩内容