jQuery知识点总结（二）

最新推荐文章于 2025-12-11 16:09:33 发布

转载最新推荐文章于 2025-12-11 16:09:33 发布 · 46 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangqiniqn/p/6284456.html

文章标签：

#javascript #ViewUI

本文介绍了使用jQuery进行事件触发、时间延迟控制以及文档内容的增删改等操作的方法。包括事件委派、时间延迟设置与取消、元素内容的追加、替换与删除等实用技巧。

一、事件

1、事件委派  $(选择器).trigger("事件名")
    trigger：在每一个匹配的元素上触发某类事件。
2、时间延迟：
    $timer=setTimeout(函数，时间值)   setTimeout(function(){},1000);

3、清除时间延迟：
    clearTimeout($timer);

4、文档处理
    $(选择器).append(content)  //匹配的元素内部结尾处追加内容
              preappend(content)    //向每个匹配的元素的内部的开始处插入内容
    $(选择器).appendTo('元素')  //元素追加到另一个指定的元素集合中结尾处
              preappendTo(content)  //将每个匹配的元素插入到指定的内容内部的开始处
    $(选择器).after(content)   //在每个匹配的元素之后插入内容

    $(选择器).before(content)  //在匹配的元素之前插入内容
              insertAfter(content)  //把所有的匹配的元素插入到另一个指定的元素元素集合的后面
              insertBefore(content)  //把所有的匹配的元素插入到另一个指定的元素元素集合的前面

    $(选择器).replaceWith(content)     //替换成指定的html或DOM元素

    $(选择器).empty()  //清空指定元素内的所有内容
    $(选择器).remove()     //将制定元素及内容一起删除（内容和标签）