初学者全面接触学习jquery(译文)(2)

Find me（定位）

我想很多人喜欢jQuery，很大一部分是她方便的定位，也正是这一特性，使得代码和结构分离。
jQuery有两种方法来定位。一种是CSS和XPath，通过传递一个字符串给选择器$，比如’$(”div > ul a”)’；另一种使用了一些methods，比如find。
先来看看第一个：

1. $(document.ready(function() {
2.    $("#orderedlist".addClass("red";
3.  });

注意到了$函数的参数里有一个”#”，这个表示以id来定位，所以这句话将定位到id为orderedlist的dom，然后有一个addClass方法，顾名思义，就是添加一个class，class的名字是red。
下面我们再来添加一些方法给这个元素的下级。

1. $(document.ready(function() {
2.    $("#orderedlist > li".addClass("blue";
3.  });

这将选择所有id为orderedlist的li元素，并给它们添加一个blue class。
接着，我们来点复杂的，当鼠标移到上面时addClass，移走时removeClass，但只作用于最后一个li元素。

1. $(document.ready(function() {
2.    $("#orderedlist li:last".hover(function() {
3.      $(this.addClass("green";
4.    },function(){
5.      $(this.removeClass("green";
6.    });
7.  });

再来品一品这段代码，我觉得这段代码里最关键的就是这个”,”，这个逗号免去了再写一遍$(”#orderedlist li:last”)的麻烦。this指代的是当前所选的dom。

js中的onxxxx，在jquery中都有相对应的，比如onChange，onSubmit等等。