jQuery总结

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()设置获取表单的值

上一篇:spark连接mysql数据库


下一篇:jQuery总结