jQuery入门之jQuery包装集&&DOM元素

对于大部分FE(Front End Engineer)来说jQuery并不陌生,其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。进而提高开发人员的开发效率。

今天我主要谈谈使用jQuery时需要注意的一些问题,不妥之处还望各位看官指出。废话不多说，接下来呈上代码：

我们要想用$;首先必须引入jQuery文件

我们通过jQuery的方法和js原生的方法获取到id为helloWorld的div标签;通过$获得的是包装集;而通过原生方法获得的则是DOM元素;我们来看下控制台的输出

那么这两者是否相等呢?答案很显然,妥妥的不等

尽管如此它们两之间也是可以相互转化的

在包装集后面加上一个索引值,包装集就转化成了DOM元素;

同理$($helloWorld[0])的形式又将DOM元素转化成了包装集

说了那么多,包装集和DOM元素究竟有什么区别以及要注意的地方,在我看来归根到底就是一句话：包装集能够使用jQuery封装好的方法;而DOM元素只能使用一些原生的属性;说白了就是男生的衣服不适合女生穿,女生的衣服也同样不适合男生穿(当然现在看来好像也行…)

我们给这个helloWorld加上一点简单的样式

显然这段代码证明了我们的判断;

那么转化之后能使用他人的方法或属性吗?

答案当然是可以的。

更多jQuery方法参见：http://api.jquery.com/

jQuery虽好用,使用需谨慎!----前端小白