jQuery是什么(What):
一个JS函数库:write less,do more
封装简化DOM操作(CRUD)/Ajax
为什么要用jQuery(Why):
强大的选择器:方便快速查找DOM元素
隐式遍历(迭代):一次操作多个元素
读写合一:读写数据用的是一个函数
事件处理
链式调用
DOM操作(CUD)
样式操作
怎么使用jQery(How):
引入jQuery库
本地引入与CDN远程引入
测试版和生产版(压缩版本)
jQuery核心函数
简称:jQuery函数($/jQuery)
jQuery库向外直接暴露的就是$/jQuery
引入jQuery库后,直接使用$即可
作为一般的函数用时:$(param)
param是function:相当于window.onload = function(文档加载完成的监听)
param是选择器字符串:查找所有匹配的DOM元素,返回包含所有DOM元素的jQuery对象
param是DOM元素:将DOM元素对象包装为jQuery对象返回 $(this)
param是标签字符串:创建标签DOM元素对象并包装为jQuery对象返回
作为对象用时:$.XXX()
jQuery核心对象
简称:jQuery对象
即执行jQuery函数返回的对象
jQuery对象内部包含的是dom元素对象的伪数组(可能只有一个元素)
jQuery对象拥有很多有用儿点属性和方法,更方便操作dom
注意:伪数组是object对象,有length属性,数值下标属性
但不能使用数组特有的方法,例:forEach(),puch(),pop()等
属性/方法:
基本行为:
size()/lenght:得到jQuery内部包含dom元素的个数
[index]:根据下标得到对应位置的dom元素
each():遍历内部的dom元素
index():得到其在所有兄弟元素中的下标