JQuery

2021-07-15 05:05

阅读:483

标签:queue   方式   移除   jquery   div   asi   function   toe   read   

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){})

JQuery

标签:queue   方式   移除   jquery   div   asi   function   toe   read   

原文地址:http://www.cnblogs.com/leibo520/p/7073830.html


评论


亲,登录后才可以留言!