学习Jquery之旅

学习Jquery之旅2010-12-15 博客园 GWPBrian早就听说了Jquery的大名，一直没有细心的学习一下，通过阅读收集的一些资料，感觉Jquery真的很强大。决定开始自己的学习Jquery之旅。在这里不是为大家讲解Jquery（深知水平有限），只是将自己的学习成果分享给大家，共同学习和交流。

Jquery简介

我所理解的Jquery就是一个强大的Javascript类库，里面封装好了很多现有的方法和属性。可以使开发人员用很少的代码更好更快的开发出自己想实现的效果。过多的Jquery在这里就不多介绍了，想必很多人都已经看过了更详细的文档，我就不多啰嗦了。

Selectors （选择器）

JQuery中使用 $ ，可以通过元素的id, css class或 tag name很容易的获取到相应的元素。

（1）简单的获取元素

Example:

$（"p"） //获取所有的P元素
$（"#pid"） //通过 ID
$（".p"） //通过css class name

（2）当然，他的功能不仅限于如此，还可以钻取层次结构

Example:

$（"table > tbody > tr"） //获取Table的所有行 

$（"#t1 > tbody > tr"） //获取t1 中所有行

$（".table > tbody > tr"） // 获取css类名为.table的所有 行

（3）Jquery为了让开发人员更准确方便的选择到相应的元素，还给我们提供了强大的筛选器的功能:

Example:

$（“p:first”）  //first
$（“p:last”）  //last
$（“table > tbody > tr:even”）  //even rows
$（“table > tbody > tr:odd”） //odd rows
$（“p:eq（1）”） //索引为1
$（“p:gt（2）”） //2以上的元素
$（"p:lt（10）”） // 0-9
$（“p:empty”） //没有子孩子的p
$（“p:parent”） //为父的p