jquery基础精华03

最新推荐文章于 2021-09-18 09:26:17 发布

zhaihaohao1

最新推荐文章于 2021-09-18 09:26:17 发布

阅读量367

点赞数

分类专栏： jquery基础精华

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47724257

版权

jquery基础精华专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--jQuery基础----13jQuery HTML-添加元素-->
<!--jQuery基础----14jQuery HTML-删除元素-->

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-2.1.4.min.js"></script>
    <script src="js12.js"></script>
</head>
<body>
    <p id="p01">hello01</p>
    <button id = "btn01">添加内容1</button>
    <br/>

    <p id="p02">hello02</p>
    <button id = "btn02">删除内容</button>
    <br/>

    <button οnclick="yuanSu()">添加元素2</button>
    <br/>



</body>
</html>
js:
/**
 * Created by zsgjs038 on 2015/8/17.
 */
$(document).ready(function(){
    //插入内容
    $("#btn01").click(function(){
      //  追加元素内容
      $("#p01").append("雷锋。。。。。。");
    });
    // 删除内容
    $("#btn02").click(function(){
      //  追加元素内容
      $("#p02").remove();
    });

})
//    放在外面
//    插入元素的3种方式
function yuanSu(){
    //    html/jQuery/Dom
    var text1 ="<P>iwe1</P>";
    var text2 = $("<p></p>").text("iwe2");
    var text3 = document.createElement("p");
    text3.innerHTML="iwe3";
    //添加到body中
    $("body").append(text1,text2,text3);

}

zhaihaohao1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery基础精华03

html>lang="en"> charset="UTF-8"> src="jquery-2.1.4.min.js"> src="js12.js"> id="p01">hello01 id = "btn01">添加内容1 id="p02">hello02 id = "btn02">删除内容
复制链接

扫一扫