jQuery(2)

                                      jQuery(2)

1.jQuery的效果

 (1)fadeOut()由可见过渡到隐藏;

    

      speed 毫秒,代表过渡周期

      easing 过渡效果 linear 匀速

      callback 回调函数

 (2)fadeIn() 由隐藏到可见

    

  (3)fadeTo() 将被选元素的透明度过渡到指定的值

     

     前两个参数是必填项

  (4)fadeToggle() fadeIn和fadeOut之间来回切换;

  (5)show() 被选元素显示

  (6)hide() 被选元素隐藏

  (7)toggle() hide和show来回切换

  (8)slideDown() 向下滑动显示

  (9)slideUp() 向上滑动隐藏

  (10)slideToggle() 在slideUp和slideDown之间来回切换

  (11)animate() 给元素添加动画,根据CSS属性来添加的 但是CSS属性值为字符串的都添加不了 比如background系列

     

     第一个参数必须是对象格式

  (12)stop() 阻止当前元素正在运行的动画

 

2.jQuery的事件

 (1)click() $("div").click(function(){})     jQuery的点击事件  事件方法中的this指向当前绑定的元素对象,但是不能直接用this,使用$(this)

 (2)bind()和on() 给元素添加事件

 (3)hover(fn,fn)

 (4)keydown keyup keypress

    mouseover mouseenter mousedown mouseleave mouseout mouseup mousemove

 

3.jQuery的html和CSS

 (1)addclass() 给被选元素添加一个类

 (2)removeClass() 移除被选元素的类名

 (3)after() 在被选元素的后面插入内容

 (4)before() 在被选元素的后面插入内容

 (5)append() 在被选元素的结尾处插入内容

 (6)appendto() 跟append功能一样,写法不一样

 (7)prepend() 在被选元素开头插入内容

 (8)prependto() 跟prepend功能一样,写法不一样

 (9)attr() 设置和返回元素的属性

    prop() 设置和返回被选元素的属性

 (10)css() 为被选元素设置或返回一个或多个CSS样式属性 四种写法

 (11)height() 设置或返回被选元素的高度 3种写法

    (12)width() 设置或返回被选元素的高度

 (13)html() 设置或返回被选元素里面的内容

 (14)text() 只能插文本

 (15)insertBefore() 在被选元素前面插入html标签

 (16)insertAfter() 在被选元素的后面插入html标签

 (17)scrollleft()    scrolltop()

    (18)val() 设置或返回表单中的value值  针对表单

 

4.jQuery的遍历

  jQuery获取的对象集合是个伪数组,不能用[0]这种形式获取,必须用eq()

  (1)add() 将元素添加到对象集合中

  (2)children() 返回被选元素的所有直接元素

  (3)find() 返回被选元素的后代元素,参数是filter 必填项

  (4)next() 返回被选元素的后一个同级元素

  (5)nextAll() 返回被选元素后的所有同级元素

  (6)siblings() 返回被选元素的所有同级元素

  (7)parent() 返回被选元素的直接父元素

  (8)parents() 返回被选元素的所有祖先元素

  (9)prev() 返回被选元素的前一个同级元素

  (10)prevAll() 返回被选元素前面的所有的同级元素

  (11)eq() 返回被选元素指定索引的元素

 

  (12)each() 给获取的元素集合对象 每一个添加执行函数

     

原文地址:https://www.cnblogs.com/yuanjingjing/p/10456636.html