jquery文档处理

最新推荐文章于 2022-05-24 21:50:10 发布

jiang_xiaoo24

最新推荐文章于 2022-05-24 21:50:10 发布

阅读量90

点赞数

分类专栏： python

本文链接：https://blog.csdn.net/jiang_xiaoo24/article/details/108924016

版权

python 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

这篇博客探讨了HTML文档的基本结构，并展示了如何使用jQuery库进行DOM操作，包括获取文本输入值、检查复选框状态以及各种元素的插入和删除操作。示例代码中涉及了文本输入、复选框、div和段落等元素，同时也演示了jQuery中的.val(), .append(), .prepend()等方法的用法。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文档处理</title>
</head>
<body>
<input type="text" value="123">
<input type="checkbox" name="hobby">
<div id="outer">
    <div id="div1">
        <H1>hello p1</H1>
        <h1>hello div2</h1>
        <div id="div3">hello div3
            <p class="hh">hello p4</p>
        </div>
    </div>
    <p >hello p</p>
</div>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    console.log($(":text").val())
    console.log($(":checkbox").val())
    //var ele = $("p")
    //$("#div1").append(ele) //插入到div1中,插入到里面的最后一个元素后面
    //ele.appendTo($("#div1")) //将ele元素插入到div1中
    //$("#div1").prepend(ele) //将ele元素插入到div1中最前面
    //ele.prependTo($("#div1"))//将ele元素插入到div1中最前面
    //$("#div1").before(ele) //将ele元素插入到div1的前面
    //ele.insertBefore($("#div1"))//将ele元素插入到div1的前面
    //$("#div1").after(ele) //将ele元素插入到div1的后面
    //ele.insertAfter($("#div1"))//将ele元素插入到div1的后面
    //$("p").remove('.hh')  //将内部所有的元素全部删除
    //$("#div3").empty()   //div3 的框架仍存在

</script>
</html>