首页 > web前端 > js教程 > jquery操作DOM元素(2)

jquery操作DOM元素(2)

黄舟
发布: 2016-12-16 10:42:28
原创
1131 人浏览过

.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)!


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板