Home >Web Front-end >JS Tutorial >jQuery document processing

jQuery document processing

黄舟Original: 2016-12-15 14:48:52989browse

文档处理
1.内部插入
   1.1 append(content|fn) 向每个匹配的元素内部追加内容
       $("p").append("appent")
        $("p").append(function(index,html){
           return index+"这个集合中的索引值"+html+"这个对象原先的html值"
        })
    1.2 appendTo(content) 把所有匹配的元素追加到另一个指定的元素元素集合中。使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
       $("p").appendTo("div");
        $("

pppppppp

").appendTo("div").addClass("active");
    2.3 PRepend(content|fn) 向每个匹配的元素内部前置内容
       $("p").prepend("prepend");
        $("p").prepend(function(index,html){return index+html})
    2.4 prependTo(content) 把所有匹配的元素前置到另一个、指定的元素元素集合中。
       $("p").prependTo("div");
2.外部插入
   2.1 after(content|fn) 在每个匹配的元素之后插入内容
       $("p").after("after");
        $("p").after(function(i,html){return i+html});
    2.2 before(content|fn) 在每个匹配的元素之前插入内容
       $("p").after( $("#id")[0] );
        $("p").after( $("span") );
    2.3 insertAfter(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
       $("insertAfter").insertAfter("p");
    2.4 insertBefore(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
       $("insertBefore").insertBefore("p");
3.包裹
   3.1 wrap(html|element|fn) 把所有匹配的元素用其他元素的结构化标记包裹起来。
       $("p").wrap("

");
        $("p").wrap(document.getElementById('content'));
        $(".wrap").wrap(function(){
           return '

';
        })
    3.2 unwrap() 这个方法将移出元素的父元素。
       $("p").unwrap();
    3.3 wrapAll(html|elem) 将所有匹配的元素用单个元素包裹起来
       $("p").wrapAll("div");
    3.4 wrapInner(html|element|fn) 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
       $("p").wrapInner("");
        $("p").wrapInner(document.createElement('b'))
        $(".inner").wrapInner(function(){
           return '

';
        })
4.替换
   4.1 replaceWith(content|fn) 将所有匹配的元素替换成指定的HTML或DOM元素
       $("p").replaceWith("replaceWith");
        $("p").replaceWith(function(){
           return '

$(this).text()

';
});
4.2 replaceAll(selector) Replace all elements matched by selector with matching elements.
$("replaceAll").replaceAll("p");
5. Delete
5.1 empty() deletes all child nodes in the matched element set.
$("p").empty()
5.2 remove([expr]) removes all matching elements from the DOM. This method does not remove the matching elements from the jQuery object, so these matches can be used again in the future. Elements. But in addition to the element itself being retained, other elements such as bound events, additional data, etc. will be removed. ) $ ("P"). Remove ();
$ ("p"). Remove (". Remove");
5.3 Detach ([EXPR]) delete all matching elements from the DOM. Matching elements are removed from the jQuery object so they can be used again in the future. Unlike remove(), all bound events, attached data, etc. will be retained. ) $ ("P"). Detach ();
$ ("p"). Detach (". Detach");
6. Copy
6.1 Clone ([EVEN [, Deepeven]]) The DOM element matching and matching Select these cloned copies.
Even A Boolean value (true or false) indicating whether the event handler will be copied.
$("b").clone().prependTo("p"); //Clone all b elements (and select these cloned copies), and then prepend them to all paragraphs.
use using using using ” use using using ’s ’ using ’s out out through out out out out out out out out out out out out out out out outs of to
- , });

The above is the content of jQuery document processing. For more related articles, please pay attention to the PHP Chinese website (www.php.cn)!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：php basename functionNext article：php basename function

See more

jQuery document processing

Related articles