鱼C论坛

 找回密码
 立即注册
查看: 3441|回复: 13

[已解决]jQuery中的部分方法怎么用原生JS实现?

[复制链接]
发表于 2020-8-12 18:01:55 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
学习Jquery的过程中 发现 JQ的方法可以很准确的选择到所有 子元素 中的 指定元素 ;
问题1:
代码中
$('ul>li') 可以准确获取到main 子元素中所有li子元素 而排除掉掺杂的div元素的干扰 ; 请问用原生JS应该怎么获取?


问题2:
代码中
$(this).children('ul') 可以获取到每个li下的ul元素 ; 元素不多的情况下 我使用 原生JS  children[1]的方式也可以做到 但是 若li下的子元素很多 就很不方便;请问这个用原生JS应该怎么获取?  
最佳答案
2020-8-21 09:03:43
问题1:$('ul>li')==document.querySelectorAll('ul>li');(querySelectorAll在ie9以下不兼容)。
问题2:要获取到每个li下的ul元素document.querySelectorAll('li>ul');
这种问题能不能把浏览器版本报一下,要不要兼容旧版本的ie?

代码实例

代码实例
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-8-20 14:04:36 | 显示全部楼层

回帖奖励 +5 鱼币

白嫖鱼币
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-20 14:05:11 | 显示全部楼层
thank you!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-21 09:03:43 | 显示全部楼层    本楼为最佳答案   

回帖奖励 +5 鱼币

问题1:$('ul>li')==document.querySelectorAll('ul>li');(querySelectorAll在ie9以下不兼容)。
问题2:要获取到每个li下的ul元素document.querySelectorAll('li>ul');
这种问题能不能把浏览器版本报一下,要不要兼容旧版本的ie?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-25 18:34:18 | 显示全部楼层

回帖奖励 +5 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-8-25 23:03:20 | 显示全部楼层

回帖奖励 +5 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-8-26 14:14:28 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-8-27 16:12:41 | 显示全部楼层

回帖奖励 +5 鱼币

可以用querySelectorAll()  var lis = document.querySelectorAll('.main>li')  这样就获得了main下面的直接子代li了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-27 16:16:26 | 显示全部楼层
鼠标经过a让ul显示 获取a就行了 var link = document.querySelector('.main>li>a')
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-28 15:04:22 | 显示全部楼层

回帖奖励 +5 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-8-28 15:52:16 | 显示全部楼层

回帖奖励 +5 鱼币

来领个币,谢谢楼主
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-28 16:17:46 | 显示全部楼层

回帖奖励 +5 鱼币

?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-8-31 06:57:00 | 显示全部楼层

回帖奖励 +5 鱼币

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-9-7 09:12:27 | 显示全部楼层
白嫖鱼币
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 22:37

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表