js和jq获取父,兄弟,子节点

1,js获取节点:

  父: parentNode 获取已知节点的父节点。

  子: childNodes; 得到全部子节点

    children 得到全部子节点

    firstChild 获得第一个子节点

    lastChild 获得最后一个子节点

  兄弟:previousSibling 获取已知节点的前一个节点

  nextSibling 获取已知节点下一个节点

2,jq获取节点:

  父: $(‘#‘).parent() 获取上一级的父节点。

    $(‘#items‘).parents(‘.parent1‘)获取上面哪一级父节点都可以。

    $(‘li:parent‘)

  子: $(‘#test span‘) 使用筛选条件

    $(‘#test‘).find() 使用find()

    $(‘#test‘).children(‘‘) 使用children()函数

  兄弟:$(‘#test‘).siblings() 返回兄弟姐妹节点,不分前后

    $(‘#test‘).prevAll() 返回所有之前的兄弟节点

    $(‘#test‘).prev() 返回上一个兄弟节点,不是所有的兄弟节点

    $(‘#test‘).next() 返回下一个兄弟节点,不是所有的兄弟节点

    $(‘#test‘).nextAll() 返回所有之后的兄弟节点

原文地址:https://www.cnblogs.com/zywaf/p/9197547.html

时间: 2024-08-25 10:40:29

js和jq获取父,兄弟,子节点的相关文章

js,jq获取父,兄弟,子节点整理

js获取节点 父: parentNode 获取已知节点的父节点. 子: childNodes; 得到全部子节点 children 得到全部子节点 firstChild 获得第一个子节点 lastChild 获得最后一个子节点 兄弟:previousSibling 获取已知节点的前一个节点 nextSibling 获取已知节点下一个节点 jq获取节点 父: $('#').parent() 获取上一级的父节点. $('#items').parents('.parent1')获取上面哪一级父节点都可以

js 原生方法获取所有兄弟节点

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

【整理】原生js和jQ获取窗口宽高及滚动条的方法和函数

原生js和jQ获取窗口宽高及滚动条的方法和函数 一.原生js获取 1.实际宽高(不包括工具栏,滚动条的视口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.显示屏宽高 screen.height screen.width 3..显示屏宽高(除windows任务栏之外的高度)屏幕可用工作区 screen.avaiHeight screen.availWidth 4.网页可见区域宽高 document.body.clientWidth doc

js模拟jq获取id

js模拟jq获取id: (jquery)需要自己添加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js模拟jq的点击效果</title> <style> * {margin: 0; padding: 0;} #btn {display:block;height: 30px; width:

JS加载获取父窗体传递的参数

JS加载获取父窗体传递的参数 $(document).ready(function () { var query = location.search.substring(1); var values = query.split("&"); for (var i = 0; i < values.length; i++) { var pos = values[i].indexOf('='); if (pos == -1) continue; var paramname = v

js和jquery获取父级元素、子级元素、兄弟元素的方法(转)

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素.可以用: 比如: <div id="dom"> <div></div> <div></div> <div></div> </div> var a = docu

js和jquery获取父级元素、子级元素、兄弟元素的方法

最近工作中总遇到取各种父啊子啊兄弟姐妹啊,每次都得查,这次整理个全乎的~ [js的获取方式] function dom(){      var a = document.getElementByIdx_x_x("dom"); var b = a.childNodes;      获取a的全部子节点      var c = a.parentNode;     获取a的父节点      var d = a.nextSbiling;     获取a的下一个兄弟节点      var e =

Js与Jq 获取浏览器和对象值的方法

JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.cli

java 递归在实例中的几种用途(ps:准确获取树的子节点)

  递归做为一种算法在程序设计语言中广泛应用. 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算,大大地减少了程序的代码量.递归的能力在于用有限的语句来定义对象的无限集合.一般来说,递归需要有边界条件.递归前进段和递归返回段.当边界条件不满足时,递归前进:当边界条件满足时,递归返回(递归简单说就是程序调用自身的编程技巧,前面说这么多废话只是为了显得