美文网首页
JQuery 50 中方法

JQuery 50 中方法

作者: 王饱饱 | 来源:发表于2017-06-17 18:33 被阅读0次

    Ba la la la ~ 读者朋友,你们好啊,又到了冷锋时间,话不多说,发车!


    html :

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

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

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

    4. append() 在被选元素的结尾插入内容

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

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

    7. befor() 在被选元素之前插入内容

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

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

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

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

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

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

    尺寸

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

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

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

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

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

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

    遍历:

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

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

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

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

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

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

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

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

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

    10. prev()

    11. prevAll()

    12. prevUntil()

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

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

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

    16. filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

    17.not() 方法返回不匹配标准的所有元素。

    效果:

    1. show()

    2. hide()

    3. toggle() 您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

    4. fadeIn() 用于淡入已隐藏的元素。

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

    6. fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。

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

    8. sildeDown() 方法用于向下滑动元素。

    9. sildeUp() 方法用于向上滑动元素。

    10. sildeToggle()方法可以在 slideDown() 与 slideUp() 方法之间进行切换 如果元素向下滑动,则 slideToggle() 可向上滑动它们如果元素向上滑动,则 slideToggle() 可向下滑动它们。

    11. animate() 方法用于创建自定义动画。

    12. stop()

    杂项:

    noConflict() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。

    ajax :

    load() 方法从服务器加载数据,并把返回的数据放入被选元素中。

    get() 方法通过 HTTP GET 请求从服务器上请求数据。

    post() 方法通过 HTTP POST 请求从服务器上请求数据。

    其他:

    each()

    size() 当前匹配的元素个数。与 length 将返回相同的值。

    data() 在一个div上存取数据
    removeData() 在一个div上删除数据

    index() 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。

    文档处理 ;

    append() 向每个元素内部追加内容 a.append(b) a包含b <a> <b>ev </b> </a>

    appendTo() 用于被追加的内容 a.appendTo(b) b包含a <b> <a> con </a> </b>

    after 在元素之后插入内容 a.after(b) <a></a><b></b>

    befor() 在每个匹配的元素之前插入内容。 a.befor(b) <b></b><a></a>

    insertAfter() 使用这个方法是颠倒了常规的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面。
    a.insterAfter(b) <b></b><a></a>

    insertBefore() 使用这个方法是颠倒了常规的$(A).before(B)的操作,即不是把B插入到A前面,而是把A插入到B前面。
    a.insterBefore(b) <a></a><b></b>

    wrap() 把所有匹配的元素用其他元素的结构化标记包裹起来。 $("p").wrap("<div class='wrap'></div>"); // $("p").wrap(document.getElementById('content'));

    unwrap() 这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果
    wrapAll() 将所有匹配的元素提取出来用单个元素包裹起来

    attr() 设置或返回被选元素的属性值。

    removeAttr() 从每一个匹配的元素中删除一个属性


    以上为个人意见,如有雷同,纯属巧合,欢迎大家多提意见!Bey 了 个 Bey ~

    相关文章

      网友评论

          本文标题:JQuery 50 中方法

          本文链接:https://www.haomeiwen.com/subject/evrbqxtx.html