Rumah >hujung hadapan web >tutorial js >jquery怎么获取html元素的内容？
jquery怎么获取html元素的内容？
- 青灯夜游asal
- 2020-11-18 15:40:365421semak imbas
jquery获取html元素内容的方法：1、使用html()，可返回被选元素的内容，语法“$(selector).html()”；2、使用text()，可返回被选元素的文本内容，语法“$(selector).text()”。
本教程操作环境：windows10系统、jquery1.8.3，本文适用于所有品牌的电脑。
【相关推荐：jQuery视频教程】
1、html()：返回原始HTML文档、但是在IE中可能存在兼容性，具体如下
- 原理：使用innerHTML（）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="box">
<p class="b2">我是一个p元素</p>
<span>你好</span>
</p>
</body>
<script src="libs/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
var str = $("#box").html();
console.log(str);
// <p>我是一个p元素</p>
// <span>你好</span>
//解释：该方法使用的是JS中的innerHTML()有些浏览器返回的结果可能不是原始文档的 HTML 源代码。例如，如果属性值只包含字母数字字符，Internet Explorer有时丢弃包裹属性值的引号
});
</script>
</html>2、text()：得到匹配元素集合中每个元素的合并文本，包括他们的后代
-
.text()方法不能使用在 input 元素或scripts元素上，input或textarea需要使用 .val() 方法获取或设置文本值 - 得到scripts元素的值，使用
.html()方法
76c82f278ac045591c9159d381de2c57
9fd01892b579bba0c343404bcccd70fb
93f0f5c25f18dab9d176bd4f6de5d30e
a80eb7cbb6fff8b0ff70bae37074b813
b2386ffb911b14667cb8f0f91ea547a7Document6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
b81e3c3ff067fcbe0ce184ae68e680b4
bc613f5372b843792ba0fe2ec0bb1625我是一个p元素94b3e26ee717c64999d7867364b1b4a3
45a2772a6b6107b401db3c9b82c049c2你好54bdf357c58b8a65c66d7c19c8e4d114
94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
1816c451e8f9043103537cb0522474b52cacc6d41bbb37262a98f745aa00fbf0
8019067d09615e43c7904885b5246f0a
$(function(){ var str = $("#box").text();
console.log(str); // 我是一个p元素
// 你好 });2cacc6d41bbb37262a98f745aa00fbf0
73a6ac4ed44ffec12cee46588e518a5e
3、val()方法
- 元素的值是通过 value 属性设置的。
该方法大多用于 input 元素。
更多编程相关知识，请访问：编程课程！！
Atas ialah kandungan terperinci jquery怎么获取html元素的内容？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery如何进行字母大小写转换？Artikel seterusnya：react中如何导入图片