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

有了上面的这些已经能做许多事了，再来看看上面说的第二种方法

1. $(document.ready(function() {
2.    $("#orderedlist".find("li".each(function(i {
3.      $(this.append( " BAM! " + i ;
4.    });
5.  });

出现了find方法，这句话的意思还是比较好理解的，定位到id为orderedlist的dom，找到所有的li元素，每一个都添加一个默认函数。
append方法是添加一些文字到所选的dom，所以这些文字会出现在dom的末尾。

如果要在提交form成功后，清空form

1. $(document.ready(function() {
2.    // use this to reset a single form
3.    $("#reset".click(function() {
4.      $("#form".reset();
5.    });
6.  });

当点击reset后，通过调用reset方法，id为form的表单将会被重置。

如果要使所有的表单都清空，则只需去掉form前面的”#”即可。

如果要从dom中选取一组相似的元素，可以使用filter() 和 not()，filter将只选取符合表达式的元素。而not则正相反。

1. $(document.ready(function() {
2.    $("li".not("[ul]".css("border", "1px solid black";
3.  });

这段代码的意思是选取所有的li元素（但该li不能包含ul子元素），给它们加上边框。
css方法，前面是属性，后面是值（这只是用法之一）。

更进一步，如果我们要选取所有包含name属性的链接，则可以使用下面这段代码。

1. $(document.ready(function() {
2.    $("a[@name]".background("#eee";
3.  });

很简单吧，通过@指定就行了，如果要指定name为jquery的链接，也很方便，a[@name=jquery]就OK啦。
如果只匹配部分，只需将=改为*=，比如要找到所有包含jquery的name，（匹配jquery plugin、jquery home 等等）a[@name*=jquery]