jQuery由美国人John Resig于2006年初创建,是一个快速的,简洁的JavaScript库
jQuery的特点
1、轻量级:经GZip压缩后传输的代码文件仅14KB,未经压缩传送的代码文件仅26KB
2、简单:较其它JS库更容易入门,中、英文档很齐全
3、易扩展: JQuery UI 、 JQuery FX –已经有很完善的基于JQuery的用户界面库 和网页特效库
“写的更少,做的更多” 的轻量级 JavaScript 库。
主流框架
1、Vue 渐进式javascript库
2、React 构建用户界面的库
3、Angular 现代 Web 开发平台
4、Electron 构建跨平台桌面应用程序的框架
入口函数
1、$(function(){})
2、$(document).ready(function(){})
jQuery选择器
1、基本选择器
(1)* :全部
(2). :class 类
(3)# :id
(4)tag :标签
2、层次选择器
(1)空格 :后代
(2)> :直接子元素
(3)+:相邻的兄弟
(4)~:后面的兄弟
3、基本过滤
(1):first 第一个元素
(2):last 最后一个元素
(3):eq(n)第n个元素
(4):gt(n)第n个往后的元素
(5):lt(n)第n个往前的元素
(6):odd 奇数
(7):event 偶数
(8):header h标签
类操作
1、addClass:添加类
2、removeClass:删除类
3、toggleClass:切换类
显示与隐藏
1、show()显示
2、hide()隐藏
3、toggle()切换显示与隐藏
4、sliceUp()向上滑隐藏
5、sliceDown()向下滑显示
6、sliceToggle()滑动切换显示与隐藏
7、fadeIn()淡入
8、fadeOut()淡出
9、fadeToggle()淡入淡出
10、fadeTo()设置透明度
css获取与设置
.css(name)获取css属性值
.css(name,value)设置css的属性值
.css({name1:value1,name2:value2,···})
attr获取与设置
.attr(name)获取css属性值
.attr(name,value)设置css的属性值
.attr({name1:value1,name2:value2,···})
prop获取与设置
.prop(name)获取css属性值
.prop(name,value)设置css的属性值
.prop({name1:value1,name2:value2,···})
prop与attr的区别
1、attr获取节点的初始属性值,prop获取节点的动态值
2、attr设置的属性值在dom节点是可见的,prop设置的表单属性值在dom节点上不可见
文本与值
1、text()设置或获取文本
2、html()设置获取html
3、val()设置获取表单的值