js jquery 获取节点
一,js 获取元素(父节点,子节点,兄弟节点)
var test = document.getElementById("test");
var parent = test.parentNode; // 父节点
var chils = test.childNodes; // 全部子节点
var first = test.firstChild; // 第一个子节点
var last = test.lastChile; // 最后一个子节点
var previous = test.previousSbiling; // 上一个兄弟节点
var next = test.nextSbiling; // 下一个兄弟节点
二,jquery 获取元素(父节点,子节点,兄弟节点)
$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");
$("#test").children(); // 全部子节点
$("#test").children("#test1");
$("#test").contents(); // 返回#test里面的所有内容,包括节点和文本
$("#test").contents("#test1");
$("#test1").prev(); // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2");
$("#test").find("#test1");
三,元素筛选
// 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素
$("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)
$("ul li").first(); // 选取ul li中匹配的第一个元素
$("ul li").last(); // 选取ul li中匹配的最后一个元素
$("ul li").slice(1, 4); // 选取第2 ~ 4个元素
$("ul li").filter(":even"); // 选取ul li中所有奇数顺序的元素
————————————————
版权声明:本文为CSDN博主「Easonxxy 」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_39822147/article/details/111835432
js jquery 获取节点相关推荐
- html 获取下一个兄弟节点,js jquery获取当前元素的兄弟级 上一个 下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
- html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
- js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...
- js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
- js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片
要获取网页所有图片,我们可以通过Javascript就能轻松实现,不过要想获得文章或某容器(如:Div)里所有图片,使用JQuery而不是Javascript来实现就会变得更加简单.本文将给你详细介绍 ...
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)...
原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲 获取input框中type=' ...
- html jq固定div高度,js/jQuery获取/设置div的高度,宽度···
js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...
- js+jQuery获取全选并用ajax进行批量删除
今天在处理后台的时候做了个小小的ajax处理批量删除的功能,给大家分享下. 1.在Repater绑定出放入单选 <input id="chkContentId" name=& ...
- JS,Jquery获取select,dropdownlist,checkbox 下拉列表框的值
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为 ...
最新文章
- 正则表达式的学习二:正则表达式的匹配规则总结
- Java多线程设计模式(1)
- C++指向成员函数的指针
- 26. 删除排序数组中的重复项 golang
- linux mysql2013_linux下MySQL安装
- 03-19 分布式测试-Selenium Grid
- 实验4-1-10 兔子繁衍问题 (15 分)
- 外设获取物理内存数据_Linux系统对IO端口和IO内存的管理
- Cisco Packet Tracer Student思科命令
- 5种常用的相关分析方法
- Multi-level learning based memetic algorithm for community detection笔记
- matlab贝塔分布,怎么拟合贝塔分布函数
- 学习linux 服务器安全这一篇文章就够了
- 网页版python编辑器-史上超强 Python 编辑器,竟然是张网页?!
- 北邮 计算机网络实验二
- “法外狂徒”张三经典语录
- 纵观20年间程序员薪酬变化:涨幅下降,初级编码岗大幅消失
- 初二因式分解奥数竞赛题_(完整)初中数学竞赛因式分解专题
- 视频剪辑需要专门报班去学吗?
- RabbitMQ 第一天 基础 6 SpringBoot 整合RabbitMQ