jQuery 的操作
AI摘要
由 
Deepseek提供支持
Deepseek提供支持一、jQuery –获得内容和属性
jQuery 拥有可操作 HTML元素和属性的强大方法。
jQuery中非常重要的部分，就是冲着DOM的能力。
jQuery提供一系列与DOM相关的方法，这使得访问和操作元素和属性变得很容易。
DOM = Document Object Model（文档对象模型）
DOM 定义访问 HTML和 XML文档的标准：
“W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”
1.获得内容 — text()、html()以及val()
三个简单实用的用于DOM操作的jQuery方法：
text() —设置或返回所选元素的文本内容
html() —设置或返回所选元素的内容（包括HTML标记）
val() —设置或返回表单字段的值
<!DOCTYPE html>
<html>
<head>
<script src=”/jquery/jquery-1.11.1.min.js”></script>
<script>
$(document).ready(function(){
$(“#btn1”).click(function(){
alert(“Text: ” + $(“#test”).text());
});
$(“#btn2”).click(function(){
alert(“HTML: ” + $(“#test”).html());
});
});
</script>
</head>
<body>
<p id=”test”>这是段落中的<b>粗体</b>文本。</p>
<button id=”btn1″>显示文本</button>
<button id=”btn2″>显示 HTML</button>
</body>
</html>
具体效果自行实验。
温馨提示 : 非特殊注明，否则均为©李联华的博客网原创文章，本站文章未经授权禁止任何形式转载;来自:俄亥俄州·哥伦布 ，欢迎您的访问!
文章链接：https://www.lilianhua.com/jquery-operation.html
文章链接：https://www.lilianhua.com/jquery-operation.html
请先登录才能参与答题
