jQuery 获取内容

最新推荐文章于 2024-07-22 15:13:59 发布

iteye_20193

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量110

点赞数

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_20193/article/details/82671225

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

最近学习了获得内容的三个简单实用的方法

下面分享三个用于 DOM （Document Object Model（文档对象模型）的缩写）操作的 jQuery 方法

 $(selector). text() // 设置或返回所选元素的文本内容 
 $(selector). html()  //设置或返回所选元素的内容（包括 HTML 标记） 
 $(selector). val() //设置或返回表单字段的值

获取内容实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="./js/jquery-3.1.0.min.js"></script>//引入jQuery文档
    <script>
        $(document).ready(function(){
            $("#btn1").click(function(){
                alert( $("#test").text());//获取文本内容
            });
            $("#btn2").click(function(){
                alert( $("#test").html());//获取元素的内容（包括 HTML 标记）
            });
        });
    </script>
</head>

<body>
<p id="test">来<b>试试</b>看</p>
<button id="btn1">点击弹出文本</button>
<button id="btn2">点击弹出文本及HTML</button>
</body>

</html>

iteye_20193

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 获取内容

最近学习了获得内容的三个简单实用的方法下面分享三个用于 DOM （Document Object Model（文档对象模型）的缩写）操作的 jQuery 方法 $(selector). text() // 设置或返回所选元素的文本内容 $(selector). html() //设置或返回所选元素的内容（包括 HTML 标记） $(selector). val(...
复制链接

扫一扫

专栏目录