jQuery学习手册（14）

最新推荐文章于 2024-07-16 16:43:05 发布

全栈工程师MrL

最新推荐文章于 2024-07-16 16:43:05 发布

阅读量76

点赞数 1

分类专栏： jQuery 橘子太酸辣笔记文章标签： javascript jquery

本文链接：https://blog.csdn.net/czzyw/article/details/116568660

版权

笔记同时被 3 个专栏收录

150 篇文章 1 订阅

订阅专栏

橘子太酸辣

118 篇文章 0 订阅

订阅专栏

jQuery

25 篇文章 0 订阅

订阅专栏

html([val | fn])

和原生的js中的innerHTML一模一样

text([val | fn])

和原生的JS中的innerText一模一样

val([val | fn | arr])

<!DOCTYPE html>
<html lang="en">

<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">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        div {
            width: 100px;
            height: 100px;
            border: 3px solid paleturquoise;
        }
    </style>
    <title>Document</title>
</head>

<body>
    <button>设置html</button>
    <button>获取html</button>
    <button>设置text</button>
    <button>获取text</button>
    <button>设置value</button>
    <button>获取value</button>
    <input type="text">
    <script>
        $(function() {
            var btn = document.getElementsByTagName('button')
            btn[0].onclick = function() {
                $('div').html('<p>我是段落<span>我是span</span></p>')
            }
            btn[1].onclick = function() {
                console.log($('div').html())
            }
            btn[2].onclick = function() {
                $('div').text('<p>我是段落p<span>我是span</span></p>')
            }
            btn[3].onclick = function() {
                console.log($('div').text())
            }
            btn[4].onclick = function() {
                $('input').val('请输入内容')
            }
            btn[5].onclick = function() {
                console.log($('input').val())
            }
        })
    </script>
</body>

</html>

在这里插入图片描述
每日一句
对上级谦恭是本分，对平辈谦逊是和善，对下级谦逊是高贵，对所有人谦逊是安全。——亚里士多德

全栈工程师MrL

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery学习手册（14）

html([val | fn])和原生的js中的innerHTML一模一样text([val | fn])和原生的JS中的innerText一模一样val([val | fn | arr])*/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g
复制链接

扫一扫