jQuery基础知识

1. 什么是 jQuery ?

jQuery 是 JavaScript 库，封装了很多预定义的对象和实用函数。

流行的 JavaScript 库包括，Ext Js，prototype等。

2. jQuery 的导入

<script type="text/javascript" src="jquery-1.7.2.js"></script>

<script>

$(function(){

//......

});

</script>

3. jQuery 对象与 DOM 对象

jQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象。

jQuery 对象无法使用 DOM 对象的任何方法；DOM 对象也不能使用 jQuery 里的任何方法

如果获取的是 jQuery 对象，那么要在变量前面加上$。

var $variable = jQuery 对象

var variable = DOM 对象

1). jQuery 对象是一个数组对象，可以通过 [index] 的方法得到对应的 DOM 对象。

var $cr = $("#cr");

var cr = $cr[0];

2). 通过 jQuery 中的 get(index) 方法得到相应的 DOM 对象

var $cr = $("#cr");

var cr = $cr.get(0);

4. jQuery 选择器

1). jQuery 选择器包括：

> 基本选择器

> 层级选择器

> 内容过滤选择器

> 可见性过滤选择器

> 属性过滤选择器

> 子元素属性选择器

> 表单选择器

> 表单对象属性过滤选择器

2). 注意

2.1). 在选择器中选择子元素时，需要在选择器前添加空格。如选取 select 中被选中的项时，

$("select :selected")：选择 select 中被选中的项，实际就是找被选中的 option ，option 是 select 的子项

$("div :2th-child")：选择 div 元素中的第二个孩子元素，":"前有一个空格。