jQuery 获取内容

来源：互联网发布：淘宝股份有日本人多少编辑：程序博客网时间：2024/06/04 19:02

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

下面分享三个用于 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>

查看图片附件

0 0