原生JS的使用,包括jquery和原生JS获取节点、jquery和原生JS修改属性的比较
一、前言 相比于JS这条直达终点、满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁、易用给了它辉煌的地位。然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优势了。 原生JS虽然没有jquery那么的好用、便捷,或者说没有jquery那样让我们使用的如此顺手,甚至是无法舍弃的依赖。可是我们依然不得不扔掉手中这根陪伴我们多年的拐杖,我们不是瘸子,我们不曾腐朽,我们还可以独立前行。 二、正文 1. jquery和原生JS获取节点的比较 // 这是HTML代码,提供节点用于获取 <div id="divId" class="divClass"> <input type="text" name="nickname" placeholder="请输入用户名"> <input type="password" name="pwd" placeholder="请输入密码"> </div> // jquery 通过$/jquery获取节点,也就是css选择器 $("#divId" ) $( ".divClass" ) $( "input[name='nickname']") // 原生JS,通过id和classname,tagname,name获取节点 document.getElementById("divId" ) document