Heim > Web-Frontend > js-Tutorial > jQuery-Dokumentverarbeitung

jQuery-Dokumentverarbeitung

黄舟
Freigeben: 2016-12-15 14:48:52
Original
1000 Leute haben es durchsucht

文档处理
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) Ersetzt alle vom Selector übereinstimmenden Elemente durch passende Elemente.
$("replaceAll").replaceAll("p");
5. Löschen
5.1 empty() löscht alle untergeordneten Knoten im übereinstimmenden Elementsatz.
$("p").empty()
5.2 remove([expr]) Entfernt alle übereinstimmenden Elemente aus dem DOM. Diese Methode löscht die übereinstimmenden Elemente nicht aus dem jQuery-Objekt, sodass sie verwendet werden kann Dann nutzen Sie diese passenden Elemente. Neben der Beibehaltung des Elements selbst werden jedoch auch andere Elemente wie gebundene Ereignisse, zusätzliche Daten usw. entfernt.
$("p").remove();
$("p").remove(".remove");
5.3 detach([expr]) Alle passenden Elemente aus dem DOM entfernen, Diese Methode entfernt die übereinstimmenden Elemente nicht aus dem jQuery-Objekt, sodass diese übereinstimmenden Elemente in Zukunft wiederverwendet werden können. Im Gegensatz zu „remove()“ bleiben alle gebundenen Ereignisse, angehängten Daten usw. erhalten.
$("p").detach();
$("p").detach(".detach");
6.1 clone([even[,deepEven] ]) Klonen Sie passende DOM-Elemente und wählen Sie diese geklonten Kopien aus.
Sogar ein boolescher Wert (wahr oder falsch), der angibt, ob der Ereignishandler kopiert wird.
$("b").clone().prependTo("p"); //Alle b-Elemente klonen (und diese geklonten Kopien auswählen) und sie allen Absätzen voranstellen.
this);
});

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage