Heim > Web-Frontend > js-Tutorial > jquery betreibt DOM-Elemente (2)

jquery betreibt DOM-Elemente (2)

黄舟
Freigeben: 2016-12-16 10:42:28
Original
1134 Leute haben es durchsucht

.after()
  在匹配的元素集合中的每个元素后面插入参数指定的内容,作为其兄弟节点。
  .after(content[,content])
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
  .after(function)
    function 返回一个 HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。 this指向中当前位置。
  结构:
    


      

Greetings


      
Hello

      
Goodbye

    

    $('.inner').after('

Test

');
  效果:
    

      

Greetings


      
Hello

      

Test


      
Goodbye

      

Test


    


.before()
  根据参数设定,在匹配参数的前面插入插入内容。
  .after(content[,content])
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
  .after(function)
    function 返回一个 HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。 this指向中当前位置。
  结构:
    


      

Greetings


      
Hello

      
Goodbye

    

    $('.inner').before('

Test

');
  效果:
    

      

Greetings


      

Test


      
Hello

      

Test


      
Goodbye

    


.insertAfter()
  在目标元素的后面插入集合中每个匹配的元素,插入的元素作为目标元素的兄弟元素。
  .insertAfter(target)
    target 一个选择器,元素,HTML字符串或者对象,匹配的元素将会被插入在由参数指定的目标后面。
  结构:
    


      

Greetings


      
Hello

      
Goodbye

    

    $("

Test

").insertAfter('.insertAfter');
  效果:
    

      

Greetings


      
Hello

      

Test


      
Goodbye

      

Test


    

.insertBefore()
Fügen Sie jedes passende Element im Satz vor dem Zielelement ein, und das eingefügte Element wird als Geschwisterelement des Zielelements betrachtet.
 .insertBefore(target)
  Ziel ist ein Selektor, ein Element, eine HTML-Zeichenfolge oder ein Objekt. Passende Elemente werden vor dem durch den Parameter angegebenen Ziel eingefügt.
Struktur:


>   
Wirkung:

"inner">Hallo< /div>
  

Test


  
Goodbye

 


Das Obige ist Der Inhalt von jquery-betriebenen DOM-Elementen (2) Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!



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