jQuery简介
jQuery(英文名：JavaScript Object Notation,简称：JQuery)是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等操作，jQuery的目标是通过代码简化HTML与JavaScript的互操作，从而使网页开发变得更加便捷。
jQuery获取HTML标签内容的方法
1、通过ID获取元素内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery获取HTML标签内容</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="content">这是一个示例文本。</div>
<script>
$(document).ready(function(){
$("content").text(); // 或者使用$("divcontent").text()
});
</script>
</body>
</html>
2、通过类名获取元素内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery获取HTML标签内容</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="content">这是一个示例文本。</div>
<script>
$(document).ready(function(){
$(".content").text(); // 或者使用$("div.content").text()
});
</script>
</body>
</html>
3、通过属性获取元素内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery获取HTML标签内容</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<a href="">这是一个链接</a>
<script>
$(document).ready(function(){
$("a").text(); // 或者使用$("a").attr("href")获取href属性值
});
</script>
</body>
</html>
4、通过标签名获取所有匹配的元素内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery获取HTML标签内容</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="content">这是一个示例文本。</div>
<p class="content">这是另一个示例文本。</p>
<script>
$(document).ready(function(){
$("p.content").text(); // 或者使用$("p.content")获取所有匹配的元素集合，然后使用length属性获取元素个数，再使用each方法遍历获取每个元素的内容，$("p.content").each(function(){console.log($(this).text());});或者直接使用$("p.content").text();也可以直接使用$("p").text();获取所有class为content的p标签的内容，注意：如果要获取所有匹配的元素集合，需要在选择器后面加上一个逗号，$("p.content", this);表示只获取当前上下文中的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class为content的p标签，如果要获取所有匹配的元素集合，可以省略第二个参数this,$("p.content");表示获取所有class名为conten的新段落中的所有文本内容；或者使用$("conten").text();也可以使用$("conten p").each(function(){console.log($(this).text());});或者直接使用$("conten").text();也可以直接使用$("conten p").text();来代替$.text(),因为$.text()会返回所有的文本内容。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/216922.html
微信扫一扫 