jq操作dom节点 html() text() val()

前端菜鸟--LKX

于 2021-04-13 22:51:59 发布

阅读量90

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/lkx_20201106/article/details/115681642

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title># jq操作dom节点 # </title>
    <script src="../jquery-1.8.3/jquery.min.js"></script>

</head>
<body>
    <div id="option">jq操作dom节点<span>12</span></div>
    <div id="text"> text 操作dom <p>1</p></div>
    <input type="text" name="" id="" placeholder="val使用" value="12345678">
    <script>
        // html()
        console.log($("#option").html());//html() 获取标签内所有内容包括标签
        $("#option").html("设置文本内容")//设置标签内容
        $("#option").html("")//清空标签内容
        $("#option").html("<p>创建节点</p>")//创建节点

        //text()
        console.log($("#text").text());//获取标签内所有内容不包括标签
        $("#text").text("text设置内容")//设置标签内容
        $("#text").text("")//清空标签内容
        $("#text").text("<p>创建节点</p>")//不能创建节点 <p>创建节点</p>

        //val() 专门给input表单使用的
        $("input").val("123")//设置内容
        console.log($("input").val());//获取内容
    </script>
</body>
</html>

前端菜鸟--LKX

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq操作dom节点 html() text() val()

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
复制链接

扫一扫