关于前端:HTML-DOM-querySelectorAll-代替-jquery的-CSS选择器

querySelectorAll()办法返回文档中匹配指定CSS选择器的所有元素,其成果与jquery的$(”)选择器一样,不同的就是querySelectorAll()办法是Js原生办法,无需引入jquery.min.js库。

jquery办法

<!DOCTYPE html>
<html>
<head>
    <title>demo</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
    <div id="a">666</div>
    <script type="text/javascript">
        var a = $('#a').text();
        alert(a)
    </script>
</body>
</html>

querySelectorAll()办法

<!DOCTYPE html>
<html>
<head>
    <title>demo</title>
    <meta charset="utf-8">
</head>
<body>
    <div id="a">666</div>
    <script type="text/javascript">
        var a = document.querySelectorAll('#a');
        alert(a[0].innerText)
    </script>
</body>
</html>

为什么jquery会越来越少人用,甚至不少前端程序员开始厌弃jquery,还是与原生Js的倒退无关,原生Js操作Dom的API是越来越不便了。

jquery的Ajax操作,为咱们省去了兼容浏览器方面的问题,并且也提供了扼要的API去调用get和 post,让开发者从繁琐的兼容性与应用原生API上解脱进去。

然而当初,这个劣势也曾经十分渺小了。不论是原生js的fetch API还是 axios,都为咱们提供了弱小的Ajax应用能力,并且axios还有拦截器这个劣势。相较而言,jquery的Ajax的确曾经无奈相比了。

无关Fetch Api的,能够看我上一篇文章:https://segmentfault.com/a/11…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理