锋利的jQuery第一期

中秋将至，小编先在这里祝大家中秋快乐！公众号在假期期间停更几天，让几位管理好好休息，假期回来火力全开！

好了，之前说了一些和Java有关的内容，由于本人从事Java开发，可能有些简单的或者用不到的东西没有提出来，没有关系，其他几位管理会继续帮大家查缺补漏。接下来几期应大家的要求，我们来谈谈jQuery。(路人甲：What?什么时候征求我们意见了?小编：多关注一下QQ群好吧。。。)

首先咱们先简单介绍一下什么是jQuery，JQuery是继prototype之后又一个优秀的Javascript库，这句话对于初学者信息量比较大。Javascript是一种弱类型的直译式脚本语言,因为语言的开发和sun公司有合作，所以名称上含有Java，但是并不能直接翻译成java脚本，另外prototype也是一个js库，在用法中也涉及到$的使用，所以当同时引用两个库的时候要处理好控制权的问题，这在后文当中会简要介绍。

就像jQuery说的：write less,do more，让我们一起来看看它有多锋利吧。

第一发:使用jQuery之前我们当然要先引入他的js库文件，这里不再赘述，最常用的操作就是使用jQuery来为元素绑定事件，为此，我们需要在页面加载完成之后再来执行我们的脚本，不然会出现找不到元素的情况，事件也就自然绑定不上了，这一操作很简单，看如下的例子：

那么更为简便的写法就是：

$(function(){

//此处填写代码

})

接下来就是介绍jQuery的操作方式，是比较方便的链式操作，只要你逻辑理得清，想写多长都可以，当然，只要达到我们的目的即可，就像这样：

看不懂的同学没有关系，各种选择器的使用将会在以后慢慢说明，如上的例子是为class属性值为level1的元素的子元素中的a标签元素绑定一个点击事件，事件的操作内容如如上注释所示，后期将逐一分解说明。本例中应注意的是".level1 > a"和"level1 a"的区别，后者是选择class为level1的元素下的所有a标签元素，不论它是否是他的第一级子节点。

第二发，讲一个常遇到的问题，就是jQuery的写法和js的写法不能混用。说到这里，就要说一下他们对于DOM的控制。因为每一张网页都能用DOM表示出来，也就是可以看做一棵DOM树。js通常会把元素识别为Element，而jQuery则封装成一个Object，那么里面所包含的信息以及操作的方式都是不同的，虽然有些时候感觉混用也没问题，但是这其中已经发生jQuery对象和DOM对象的转换，这是不规范的。接下来我们就来说一说DOM对象和jQuery对象如何转换：

在命名方式上，通过jQuery获得的jQuery对象应以$开头，避免混淆，而且jQuery也为我们提供了方面的转换方法，如下是转化为DOM对象的方法：

好了，今天讲了一些基础的内容，如果有初学的朋友一定要加深理解，前端开发者可以跳过内容直接点赞了，谢谢大家！