JQuery

JQuery

 

JQuery

JQuery是js的一个库，封装一些我们常用的功能，方便我们去调用，提高开发效率

JQuery基本引用

　　1.引包

　　2.两种方式

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

　　　　 $(function(){})

　　3.使用

 　　　　获取事件源

　　　　 事件

 　　　　事件处理程序

JQuery选择器

　　#、.、element、*、，

　　空格、>、+、~

　　:eq(index)、:lt(index)、:gt(index)、:first、:last、:even、:odd

　　[attr]、[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]

　　[attr][attr1]

　　.eq(index)、.parent()、children()、siblings()、.last()、first()、find()

DOM对象与JQuery对象相互转换

　　DOM->JQuery对象：$(document)、$(this)

　　JQuery->DOM对象：$(“div”)[0]、$(“div”).get(0)

　　.eq(index)-获取到的是JQuery对象

　　.get(index)-获取到的DOM对象

JQuery链式编程

JQuery动画

　　1.基本动画

 　　　　Show(speed,callback)

　　　　 Hide(speed,callback)

　　2.滑动效果

 　　　　Slideup(speed,callback)

 　　　　Slidedown(speed,callback)

 　　　　Slidetoggle(speed,callback)

　　3.淡入、淡出

　　　　 fadeIn

　　　　 fadeOut

 　　　　fadeToggle

 　　　　Fadeto(speed,opacity,fn)

自定义动画

　　Animate(params,speed,easing,fn)

停止动画

　　Stop(clearQueue,gotoend) //bool1如果为true，立即结束动画。Bool2让当前正在执行的动画立即完成。

样式操作

　　1.addclass(“样式名”)

　　2.Removeclass(“样式名”)//如果没有参数，移除所有样式

　　3.Toggleclass(“样式名”)

　　4.Hasclass(“样式名”)//判断是否有该样式，返回bool值

节点操作

　　1.内部插入节点

　　　　Append() //往后追加

　　　　appentTo()

　　　　Prepend () //往前插入

　　　　prepentTo()

　　2.外部插入节点

　　　　 After() //在后面添加兄弟节点

　　　　 Insertafter() //追加

 　　　　Before() //在前面添加兄弟节点

　　　　 Insertbefore() //插入

　　3.删除节点

　　　　Remove() //删除选中的元素

　　　　 Empty() //清空子元素

　　4.复制节点

　　　　Clone() //复制节点，如果参数为true，会复制事件也会被复制

　　5.包裹节点

 　　　　Wrap(node) //单个包裹在node中

　　　　 wrapAll(node) //所有包裹在一个node中

　　6.替换节点

　　　　replaceWidth()

Each(fn)

　　Each(function(index,element){})