Maison > interface Web > js tutoriel > jquery操作DOM元素(2)

jquery操作DOM元素(2)

黄舟
Libérer: 2016-12-16 10:42:28
original
1132 Les gens l'ont consulté

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


      

Greetings


      
Hello

      
Goodbye

    

    $("

Test

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

      

Greetings


      

Test


      
Hello

      

Test


      
Goodbye

  

 以上就是jquery操作DOM元素(2)的内容,更多相关文章请关注PHP中文网(m.sbmmt.com)!


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal