jq

1.语法  美元符号定义jQuery

      选择符(selector)“查询”和“查找”HTML元素

    jQuery的action()执行对元素的操作

.2隐藏/显示      hide()隐藏

       show  ()显示

       toggle()切换使用hide()和show  ()

3.淡入和淡出     fadeIn() 用于淡入已隐藏的元素。

       fadeOut() 方法用于淡出可见元素。

       fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

       fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。

4.滑动      slideDown()向下滑动元素

       slideUp()向上滑动元素

       slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

5.动画       animate() 方法用于创建自定义动画。    生成动画的过程中可同时使用多个属性;  也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上 += 或 -=。

6.stop()         用于在动画或效果完成前对他们停止

7.获取     text() - 设置或返回所选元素的文本内容

       html() - 设置或返回所选元素的内容(包括 HTML 标记)

       val() - 设置或返回表单字段的值

8.回调函数             上面的三个 jQuery 方法:text()、html() 以及 val(),同样拥有回调函数。回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。

9.添加        append() - 在被选元素的结尾插入内容

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

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

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

10.删除        remove()删除被选元素及其子元素

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

11.css类       addClass() - 向被选元素添加一个或多个类

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

        toggleClass() - 对被选元素进行添加/删除类的切换操作

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

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

        height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。

       innerWidth() 方法返回元素的宽度(包括内边距)。

        innerHeight() 方法返回元素的高度(包括内边距)。

      outerWidth() 方法返回元素的宽度(包括内边距和边框)。

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

      outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。

      outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。

13. jQuery遍历    

    parent() 方法返回被选元素的直接父元素。

    parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。

    parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

    children() 方法返回被选元素的所有直接子元素。

    find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。

    siblings() 方法返回被选元素的所有同胞元素。

    next() 方法返回被选元素的下一个同胞元素。

    nextAll()方法返回被选元素的所有跟随的同胞元素

    nextUntil()方法返回介于两个给定参数之间的所有跟随的同胞元素。

    prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素

过滤

    first() 方法返回被选元素的首个元素。

    last() 方法返回被选元素的最后一个元素。

    eq() 方法返回被选元素中带有指定索引号的元素。

    

    

posted @ 2019-01-21 18:47  jxyjq  阅读(214)  评论(0编辑  收藏  举报