zyt646538983 发表于 2020-8-12 18:01:55

jQuery中的部分方法怎么用原生JS实现？

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


问题2：
代码中
$(this).children('ul') 可以获取到每个li下的ul元素 ； 元素不多的情况下 我使用 原生JSchildren的方式也可以做到 但是 若li下的子元素很多 就很不方便；请问这个用原生JS应该怎么获取？

象棋爱好者 发表于 2020-8-20 14:04:36

白嫖鱼币{:10_256:}

象棋爱好者 发表于 2020-8-20 14:05:11

thank you！

Darth_EF 发表于 2020-8-21 09:03:43

问题1：$('ul>li')==document.querySelectorAll('ul>li')；(querySelectorAll在ie9以下不兼容)。
问题2:要获取到每个li下的ul元素document.querySelectorAll('li>ul')；
这种问题能不能把浏览器版本报一下，要不要兼容旧版本的ie？

昨非 发表于 2020-8-25 18:34:18

{:10_277:}

开心小傻猪 发表于 2020-8-25 23:03:20

{:10_277:}

象棋爱好者 发表于 2020-8-26 14:14:28

{:10_280:}

对三丶要不起 发表于 2020-8-27 16:12:41

可以用querySelectorAll()var lis = document.querySelectorAll('.main>li')这样就获得了main下面的直接子代li了

对三丶要不起 发表于 2020-8-27 16:16:26

鼠标经过a让ul显示 获取a就行了 var link = document.querySelector('.main>li>a')

chenyiyun 发表于 2020-8-28 15:04:22

{:5_90:}

hlgy9918 发表于 2020-8-28 15:52:16

{:10_298:}来领个币，谢谢楼主

KentH 发表于 2020-8-28 16:17:46

?

majian890324 发表于 2020-8-31 06:57:00

{:10_279:}{:10_279:}

朝起凉瑾年 发表于 2020-9-7 09:12:27

白嫖鱼币
页: [1]
查看完整版本: jQuery中的部分方法怎么用原生JS实现？