(一)了解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元素在所有兄弟中的下标