jQuery 获取内容
最近学习了获得内容的三个简单实用的方法
下面分享三个用于 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>
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17