锋利的jQuery第二期

时隔几天，小朱又和大家见面了，带领大家继续我们的jQuery之旅，上次说到如果jQuery框架与prototype框架同时引用需要处理好控制权的问题，对于这个不常见的问题，小朱就和大家说说jQuery的快捷自定义方式，学会之后处理各种冲突问题就容易多了。操作很简单，只是一个赋值语句，例如:var j = jQuery.noConflict();这样我们就可以把"j."当作"jQuery."来使用，而把有冲突的

那么接下来开始我们的第一发，jQuery选择器，因为是基础内容，所以举一些例子就跳过了，大家有什么问题可以进行留言。对元素进行事件绑定的方式主要通过标签属性，on+事件="xxx"方式以及jQuery/js的"元素.事件"的方式。其中第一种方式会通过事件触发一个已经定义的function，看如下的例子:

通过第一种方式为该p标签元素绑定了点击事件，触发后将popup一个窗口。另外一种方式就是通过事件绑定，这样可以根据选择器来指定符合条件的一个或多个元素来进行绑定，看下面一个例子：

熟悉了两种方式的基本操作以后我们来着重讲一下选择器的各种用法，在这里要说明一下，jQuery获取网页中不存在的元素也不会报错，这就避免了需要手动验证的麻烦，但是同时也可能会让你找不到错。。。当然，在某些情况下也会报出cannot read property of undefind的错误，这个时候你就要逐段去检查元素或者属性的获取是否存在问题。

第二发，jQuery层次选择器，对于最基本的类似于css选取元素的控制器规则就不再赘述，例如通过#获取id属性为xxx的元素，通过.获取class属性为xxx的元素，以及标签选择器等等。我们来看如下的例子：

如图为我们例子的初始画面，下面我们将通过选择器来改变div的背景色，上次的文章中我们已经说过>在选择器中所起的作用，下面我们就来看一下效果，使用$("body div").css("background","#bbffaa");该选择器将改变如下元素：

即body标签下的所有div元素，只要包含在内的都将被选择，如果使用$("body > div").css("background","#bbffaa");选择器将改变如下元素：

即body下的子div元素，也可理解为其下的第一级符合的元素。好了，今天就讲这么多，如果你刚刚开始看，去翻翻上一期依然可以跟上，对于前端开发人员这些是比较easy的，但是细节的东西要慢慢积累起来。

接下来由其他管理为大家献上精彩内容，咱们隔日再见。