jQuery总结

··jq介绍

-1.dom操作翻遍

-2.链式写法

-3.动画便捷

-4.强大的ajax功能

-5.生态丰富（插件多）

---

··前端常用的框架

jQuery

Vue:渐进式JavaScript库

React：构造用户界面的js库

Angular：前端应用程序平台

---

··入口函数与onload

-入口：$(function(){....})

$(document).ready(function（）{...})

特点：可以重复执行多次 文档加载完就执行（快）

-onload：window.οnlοad=function(){....}

特点：后面的onload会覆盖前面的onload    需要等待页面使有内容加载完再执行

---

··js与jq互转

-jq->js：$('')[下标]            $(''),get(下标)

-js->jq：$(js对象)

---

··显示与隐藏

-show（）显示

-hide（）隐藏

-toggle（）切换显示与隐藏

-sliceToggle（）滑动切换显示与隐藏

-fadeToggle（）淡入淡出

-fadeOut 淡出

-fadeln淡入

-fodeTo（）设置透明度

-fadeln（speed,fn）

---

···css 设置获取css属性值

-.css（name）获取css属性值

-.css(name，value) 设置css的属性值

-.css（{name:value,name:value,})    设置多个css属性值

---

···attr  设置获取节点属性

-.attr(name)     获取节点属性值

-.attr(name,value)     设置节点的属性值

-.attr({name1:value,name2:value2,})      设置多个节点属性值

---

···prop    设置获取节点的属性

-.prop(name)      获取节点属性值

-.prop(name,value)     设置节点的属性值

-.prop({name1:value,name2:value,})     设置多个节点属性值

---

····prop和attr区别

-1.attr获取节点的初始属性值      prop是获取节点的动态值

-2.attr设置的属性值在dom节点是可见的   prop设置的表单属性值在dom节点上不可见

---

···动画

-stop（true，true）停止队列动画，回到动画的最终状态

---

···事件

-click（）单击

-ready（）准备完毕

-hover（）鼠标移除一次

-change（）当表单值发生改变

---

····文本与值

-text（）设置或获取文本

-html（）设置获取html

-val（）设置获取表单的值

---

···类的操作

-addClass（）添加类

-removeClass（）移除类

-toggleClass（）切换类

---

···选择器

-基本：

*      全部

tag  标签

.       类

#       id

,        分组

---

-层次：

空格   后代

>         直接子元素

+          相邻

~           后兄弟

---

-基本过滤：

：first 第一个

：last  最后一个

：eq(n)  第n个

：qt(n)  大于n个

：lt(n)  小于n个

：odd  奇数

：even  偶数

：header  h标签

：animated  动画

---

-内容过滤：

：contans(txt)  包含

：empty    空

：has（）有

：parent     父节点

---

-可见过滤：

：visible      显示的

：animated 隐藏