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 元素中的第二个孩子元素，":"前有一个空格。