jQuery:主要用于查询、筛选标签,方便尽心交互
为一个JS函数库:引用即可
作用:html的dom选择器、对元素操作、CSS操作、Html事件处理、链式调用、读写合一,ajax封装
版本:1.X兼容性更高,3.X提供了新的API但是完全不支持ie8以下
开发时候用非min版本,有注释,上线时候用min版本,更小。使用时候引用需要在使用的函数前
$ 在使用时等价于 jQuery
jQuery的核心:
jQuery函数:作为函数使用:$开头的函数 $()
1、参数为函数 在网页Dom窗口加载完成后执行此函数:$(function(){});
2、参数为选择器字符串:查找所有匹配的标签,将其封装传为jQuery对象
3、参数为Dom对象,将指定的Dom对象封装为jQuery对象
4、参数为html标签字符串,创建标签对象并封装为 jQuery对象
jQuery对象:作为对象,直接调用jQuery自己的函数
eg $.trim() 去除两端空格
1、执行jQuery核心函数返回的对象
2、jQuery对象内包含的dom元素对象的伪数组(可能只找到1个元素)
3、jQuery对象在得到后即可操作期自己的属性和方法
总结:通过函数来找到jQuery对象,再调用对象的属性和方法
基本语法:
$(选择器).action()
选择器:类似CSS的文本选择器,action()为执行的函数,可用js自带、自写或者jQuery的函数
jQuery属性
基本行为:
size()/length dom个数
index/get(index) 下标/根据下标拿到对应的dom元素,拿到的是元素就不是jQuery对象了
each() 遍历dom元素
index()
行为/属性等
**注:**其是一个伪数组,只有基本的length和下标,无法使用数组的相关方法,如foreach(),pop(),push()等
选择器
基本选择器
同CSS的基本选择器格式相同,根据name、id、类、标记等指定值进行选取
- 元素选择 $(‘p’)
- id选择器 $(’#para1’)
- 类选择器 $(’.center’)
- 通用选择器 $(’*’)
- 分组选择器 多个元素以逗号隔开
- 交集选择器 多个元素一起写