jQuery（一）

(一)了解jQuery

–是什么？

• 一个JS函数库：write less，do more
• 封装简化DOM操作（CRUD）/Ajax

–为什么要用它？

• 强大选择器：方便快速查找DOM元素
• 隐式遍历（迭代）：一次操作多个元素
• 读写合一：读数据/写数据用的是一个函数
• 事件处理
• 链式调用
• DOM操作(CUD)
• 样式操作.css

–如何使用它？

• 引入jQuery库
  本地引入与CDN远程引入
  测试版与生产版（压缩版）
• 使用jQuery
  使用jQuery函数：$ /jQuery
  使用jQuery对象：$ xxx (执行$ ()得到的)

(二)jQuery的两把利器

–jQuery函数：$ /jQuery

jQuery库向外暴露的就是jQuery函数，可以直接使用

> 当成一般函数使用: $(param)

• param是function：相当于window.onload = function(文档加载完成的监听)
• param是选择器字符串：查找所有匹配的DOM元素，返回包含所有DOM元素的jQuery对象
• param是DOM元素：将DOM元素对象包装为jQuery对象返回 $(this)
• param是标签字符串：创建标签DOM元素对象并包装为jQuery对象返回

>当成对象使用: $.xxx

• each ( obj/arr , function(key,value){ } )

• trim(str)

================================

–jQuery对象

-包含所有匹配的n个DOM元素的伪数组对象  
-执行$()返回的就是jQuery对象

基本行为：

• length/size():得到DOM元素的个数

• [ index ] :得到指定下标对应的DOM元素

• each( function(index,domEle){ } ):遍历所有DOM元素

• index():得到当前DOM元素在所有兄弟中的下标