zoukankan      html  css  js  c++  java
  • jq 笔记六 ,往元素内和元素外添加元素或者内容

    //复制整个div到body内,且在尾部添加
    $('div.kk').clone().appendTo('body')
    //<p><a>ssss</a></p>放到到div内,且在尾部添加
    $('div').append("<p><a>ssss</a></p>")
    //<p><a>ssss</a></p>放到div内,且在首部
    $('div').prepend("<p><a>ssss</a></p>")
    //复制整个div到body内,且在首部添加
    $('div.kk').clone().prependTo('body')

    //放<p><strong>啦啦啦啦阿里</strong></p>内容到div外,位置在div的后面
    $("div.kk").after("<p><strong>啦啦啦啦阿里</strong></p>")
    //放<p><strong>啦啦啦啦阿里</strong></p>内容到div外,位置在div的前面
    $("div.kk").before("<p><strong>啦啦啦啦阿里</strong></p>")

    //放<p><strong>啦啦啦啦阿里</strong></p>内容到div外,位置在div的后面
    $("<p><strong>啦啦啦啦阿里</strong></p>").insertAfter("div")
    //放<p><strong>啦啦啦啦阿里</strong></p>内容到div外,位置在div的前面
    $("<p><strong>啦啦啦啦阿里</strong></p>").insertBefore("div")

    //每个a连接的外面,包裹着<p>啦啦啦啦阿里</p>
    $("a").wrap("<p>啦啦啦啦阿里</p>")

    //给A连接的文本,添加<strong>标签
    $("a").wrapInner("<strong></strong>")

    //在所有的a连接的外,添加<strong>标签
    $("a").wrapAll("<strong></strong>")

  • 相关阅读:
    简单学习MyBatis
    探讨AOP的两种实现方式
    浅析Spring AOP术语
    依赖注入(DI)的迭代实现
    初识依赖注入(DI)
    Bean工厂ApplicationContext
    ps文章推荐
    ueditor全屏和el-dialog模态框有冲突的解决方法(其他框架请比葫芦画瓢)
    (各种转载)
    element-ui修改样式不生效的官网解决方式
  • 原文地址:https://www.cnblogs.com/jjchi/p/9892922.html
Copyright © 2011-2022 走看看