对于大部分FE(Front End Engineer)来说jQuery并不陌生,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。进而提高开发人员的开发效率。
今天我主要谈谈使用jQuery时需要注意的一些问题,不妥之处还望各位看官指出。废话不多说,接下来呈上代码:
我们要想用$;首先必须引入jQuery文件
jQuery下载链接:http://jquery.com/download/
我们通过jQuery的方法和js原生的方法获取到id为helloWorld的div标签;通过$获得的是包装集;而通过原生方法获得的则是DOM元素;我们来看下控制台的输出
那么这两者是否相等呢?答案很显然,妥妥的不等
尽管如此它们两之间也是可以相互转化的
在包装集后面加上一个索引值,包装集就转化成了DOM元素;
同理$($helloWorld[0])的形式又将DOM元素转化成了包装集
说了那么多,包装集和DOM元素究竟有什么区别以及要注意的地方,在我看来归根到底就是一句话:包装集能够使用jQuery封装好的方法;而DOM元素只能使用一些原生的属性;说白了就是男生的衣服不适合女生穿,女生的衣服也同样不适合男生穿(当然现在看来好像也行…)
我们给这个helloWorld加上一点简单的样式
显然这段代码证明了我们的判断;
那么转化之后能使用他人的方法或属性吗?
答案当然是可以的。
更多jQuery方法参见:http://api.jquery.com/
jQuery虽好用,使用需谨慎!----前端小白