JQ与原生JS的细节问题

 2018.03.29   

    学习JS原生代码和JQ代码的时候,JQ代码相对于JS代码更短小精悍,也符合JQ创建的口号——write less do more!实际上不管什么方法什么语言,用最少的代码不断优化程序是很好的选择。(当然我们也应该看到JQ代码执行的局限性——需要引入JQ库从而影响browser的时间)。

    JQ是JS的一个library,当然在JQ中的方法和语法不能直接移植到JS中使用。那么在实际coding过程中需要分清楚两种方法微小的差别(onmouseclick——mouseclick)。

$(node).hide()or show();
document.getElementById("btn").style.display = "block"; or "none";

$(node).text("hello");
document.getElementById("btn”).innerText = "hello";

小细节:使用getElementsByTagName寻找的结果是一个伪数组(注意是elements复数形式,自己之前写错好几次),使用eq(num)确定具体的元素,这里的伪数组和数组的下标规则一致,从0开始,同样可以获得伪数组的length,进一步实现循环。

在之后的工作中将会不断补充他们之前的区别和小细节。细节决定成败,程序中的每一个小细节会决定程序整体的执行效率。

小白一枚,不对之处请各位技术大牛批评指正。

猜你喜欢

转载自blog.csdn.net/weixin_41697143/article/details/79740932
今日推荐