2019.1.21

jQuery

1     ready()函数规定当ready事件发生时执行的代码(仅能用于当前文档);

       语法:(1)$ (document).ready(function(){});

                  (2)$().ready(function(){});

       (3)   $(function(){});

2     语法:$(selector).action();

3     方法:  (1)hide()   隐藏文本;

      (2)show()显示文本;

      (3)fadeIn()淡出已隐藏的元素;

      (4)fadeOut()淡出可见元素;

      (5)fadeToggle()可在fadeIn()与fadeOut()之间进行切换;

      (6)fadeTo()允许渐变为给定的不透明度;

      (7)slideDown()用于向下滑动的元素;

      (8)slideUp()用于向上滑动的元素;

      (9)slideToggle()可在向上和向下滑动之间切换;

jQuery 效果——动画

(1)语法:$(selection).animate({params},speed,callback);

(2)方法:stop()滑动停止;

    语法:$(selection).stop(stopAll,goToEnd);

(3)callback 函数(在前面动画完成之后执行);

(4)chaining(允许我们在一条语句中允许多个jquery方法);

jQuery HTML

1.获得内容

(1)text()设置或返回所选元素的文本内容;

(2)html()设置或返回所选元素的内容;

(3)var()设置或返回表单字段的值;

(4)attr()用于获得属性值(获得直接属性);

2.设置内容

3.添加元素

(1)append()在被选元素的结尾插入内容;

(2)prepend()在被选元素的开头插入内容l;

(3)after()在被选元素之后插入内容;

(4)before()在被选元素之前插入内容;

4.获得并设置css类

(1)addClass()向被选元素添加一个或多个类;

(2)removeClass()从被选元素删除一个或多个类;

(3)toggleClass()切换(1)(2);

(4)css()设置或返回样式属性;

5.删除元素

(1)remove()删除被选元素及其子元素;

(2)empty()从被选元素中删除子元素;

6.尺寸

方法:(1)width()设置或返回元素的宽度(不包括内边距.边框或外边距)

    (2)height()设置或返回元素的高度(不包括内边距.边框或外边距)

    (3)innerWidth()返回元素的宽度(包括内边距

    (4)innerHeight()返回元素的高度包括内边距

    (5)outerWigth()返回元素的宽度(包括内边距和边框

    (6)outerHeight()返回元素的高度(包括内边距和边框)

    outerWigth(true返回元素的宽度(包括内边距.边框.外边框)

    outeHeighttrue返回元素的高度(包括内边距.边框.外边框)

JQuery 遍历

(1)遍历

(2)祖先

    方法:(1)parent()返回被选元素的直接父元素;

        (2)parents()返回被选元素的所以祖先元素

        (3)parentsUnyil()返回介于给定元素的所以祖元素(不包括最后一个);

(3)后代

    方法: (1)children()返回被选元素的所以直接子元素;

        (2)find()返回被选元素的后代元素,直到最后一个;

(4)同胞

    方法:  (1)sibling()所以同胞元素;

          (2)next()下一个同胞元素;

          (3)nextAll()所以跟随的同胞元素;

          (4)nextUntil()介于两个给定参数之间的所以跟随的同胞元素;

          (5)prev()

          (6)prevAll()

          (7)prevUntil()

(5)过滤

    方法:  (1)first()返回被选元素的首个元素;

          (2)last()返回被选元素的最后一个元素;

          (3)而且()返回被选元素中带有指定索引号的元素(下标);

          (4)filter()允许规定一个标准,不匹配删除,匹配返回;

          (5)not()返回不匹配标准的所以元素;

each()方法规定为每一个匹配元素规定运行的函数;

猜你喜欢

转载自www.cnblogs.com/liuyapeng/p/10300119.html