星空网 > 软件开发 > Java

jquery操作DOM 元素

.after()
  在匹配的元素集合中的每个元素后面插入参数指定的内容,作为其兄弟节点。
  .after(content[,content])
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
  .after(function)
    function 返回一个 HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。 this指向中当前位置。
  结构:
    <div >
      <h2>Greetings</h2>
      <div >Hello</div>
      <div >Goodbye</div>
    </div>
    $('.inner').after('<p>Test</p>');
  效果:
    <div >
      <h2>Greetings</h2>
      <div >Hello</div>
      <p>Test</p>
      <div >Goodbye</div>
      <p>Test</p>
    </div>


.before()
  根据参数设定,在匹配参数的前面插入插入内容。
  .after(content[,content])
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
    content HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。
  .after(function)
    function 返回一个 HTML字符串 DOM 元素 元素数组 对象,用来插入到集合中每个匹配元素的后面。 this指向中当前位置。
  结构:
    <div >
      <h2>Greetings</h2>
      <div >Hello</div>
      <div >Goodbye</div>
    </div>
    $('.inner').before('<p>Test</p>');
  效果:
    <div >
      <h2>Greetings</h2>
      <p>Test</p>
      <div >Hello</div>
      <p>Test</p>
      <div >Goodbye</div>
    </div>


.insertAfter()
  在目标元素的后面插入集合中每个匹配的元素,插入的元素作为目标元素的兄弟元素。
  .insertAfter(target)
    target 一个选择器,元素,HTML字符串或者对象,匹配的元素将会**入在由参数指定的目标后面。
  结构:
    <div >
      <h2>Greetings</h2>
      <div >Hello</div>
      <div >Goodbye</div>
    </div>
    $("<p>Test</p>").insertAfter('.insertAfter');
  效果:
    <div >
      <h2>Greetings</h2>
      <div >Hello</div>
      <p>Test</p>
      <div >Goodbye</div>
      <p>Test</p>
    </div>

 

.insertBefore()
  在目标元素的前面插入集合中每个匹配的元素,插入的元素作为目标元素的兄弟元素。
  .insertBefore(target)
      target 一个选择器,元素,HTML字符串或者对象,匹配的元素将会**入在由参数指定的目标前面。
  结构:
    <div >
      <h2>Greetings</h2>
      <div >Hello</div>
      <div >Goodbye</div>
    </div>
    $("<p>Test</p>").insertBefore('.insertAfter');
  效果:
    <div >
      <h2>Greetings</h2>
      <p>Test</p>
      <div >Hello</div>
      <p>Test</p>
      <div >Goodbye</div>
  </div>




原标题:jquery操作DOM 元素

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

带你认识Google Ads 八大广告系列类型:https://www.kjdsnews.com/a/738915.html
打算弃置的库存,一定要在2022年1月18日之前处理了!:https://www.kjdsnews.com/a/738916.html
亚马逊四大官方培训项目,助力稳健出海,大卖全球!:https://www.kjdsnews.com/a/738917.html
Jumia平台怎么样?平台介绍:https://www.kjdsnews.com/a/738918.html
Target平台特点及平台介绍:https://www.kjdsnews.com/a/738919.html
物流各渠道现状!英国部分航班取消、西安疫情严重班列是否受影响:https://www.kjdsnews.com/a/738920.html
德国有那些品牌公司:https://www.vstour.cn/a/408236.html
黔南瓮安AAA以上旅游景点 黔南瓮安aaa以上旅游景点:https://www.vstour.cn/a/408237.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流