jQuery+Ajax-19(jQuery文本值相关方法)

最新推荐文章于 2019-08-12 17:41:18 发布

aka程序皇像隔扣你的勒布朗进入名人堂

最新推荐文章于 2019-08-12 17:41:18 发布

阅读量90

点赞数

分类专栏： jQuery+Ajax

本文链接：https://blog.csdn.net/qq_39608986/article/details/99316455

版权

jQuery+Ajax 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

jQuery文本值相关方法

<body>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    div{
        width: 100px;
        height: 100px;
        border: 1px solid;
    }
</style>
<script src="js/1.12.4.js"></script>
<script>
    $(function () {
        /*
        * 1.html()
        * 作用：和原生js中innerHTML一模一样
        *
        * 2.text()
        * 作用：和原生js中innerText一模一样
        *
        * 3.val()
        *
        * */
        var btns = document.getElementsByTagName("button");
        btns[0].onclick = function () {
            $("div").html("<p>123<span>123</span></p>");
        }
        btns[1].onclick = function () {
            console.log($("div").html());
        }
        btns[2].onclick = function () {
            $("div").text("<p>123<span>123</span></p>");
        }
        btns[3].onclick = function () {
            console.log($("div").text());
        }
        btns[4].onclick = function () {
            $("input").val("请输入内容")
        }
        btns[5].onclick = function () {
            console.log($("input").val());
        }
    })
</script>
<button>设置html</button>
<button>获取html</button>
<button>设置text</button>
<button>获取text</button>
<button>设置value</button>
<button>获取value</button>
<div></div>
<input>
</body>

aka程序皇像隔扣你的勒布朗进入名人堂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery+Ajax-19(jQuery文本值相关方法)

jQuery文本值相关方法<body><style> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; border: 1px solid; }</style><s...
复制链接

扫一扫

专栏目录