jquery获取不同层次的元素有哪几种方法

jquery获取不同层次的元素有哪几种方法,第1张

parent()//只会向上一级获取,只是一级

parents()//获取所有直接的上级,上级的同级元素不能获取

children()//获取所有下一级的元素,只是一级

find()//获取指定的下级,一定要指定,不然无效。如:find("span"),获取下级的所有span元素,无论在多深的下级。

siblings()//获取除了本元素以外的所有同级元素,如:你要对同级元素加上边框,这个只对同级元素有效,对本元素$(this)无效

next()//本元素的向下数第一个同级元素

nextAll()//所有在本元素下面的同级元素

nextUntil()//介于两个同级元素之间的同级元素。如:$("span")nextUntil("p") span和p必须是同级元素,然后获取span和p之间的同级元素

prev()//和next()相反

prevAll()//和nextAll()相反

prevUntil()//和nextUntil()相反,注:这个相反有点出入,最好自己先测试一遍再使用

first()//获取选中元素第一个(同级之间的)

last()//获取被选元素的最后一个(同级之间的)

eq(1)//获取被选元素的第2个,注:元素是从0开始数起的

filter("css")//获取被选元素的同级所有带有css类的

not()//和filter()相反

这是我之前学jquery自己总结的一部分,你可以参考一下。

更详细和专业的解析你可以去这里看一下:>

js获取元素方法有:

1、getElementById :根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。

2、getElementsByName:getElementsByName(name)该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。

另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所以getElementsByName() 方法返回的是所有匹配元素组成的数组,而不是一个元素。

3、getElementsByTagName:getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是您在使用此方法时所处的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素

如果把特殊字符串 "" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

js获取数组中的一部分元素,有2种方法:slice和filter函数,下面分别介绍。

slice

slice的定义和用法如下,用于截取数组的一段

执行

var arr = [1,2,3,4,5];

arrslice(1,4);

这2行代码,可以看到截取了1到4下标的代码

filter

filter则用于过滤数组中的一部分元素,剩下的元素就是需要的那部分元素。

现在尝试下面代码,可以将一个数字数组中的偶数过滤掉,只留下奇数。

var arr = [1,2,3,4,5];

arrfilter(e=>e%2==0)

以上就是关于jquery获取不同层次的元素有哪几种方法全部的内容,包括:jquery获取不同层次的元素有哪几种方法、如何使用 parentNode 来获取一个或多个 HTML 元素、js获取元素方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9266992.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存