jQuery 的操作
一、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>
具体效果自行实验。
©️李联华的博客网 当前IP地址：18.226.17.86，归属地:俄亥俄州Dublin ，欢迎您的访问！
订阅
登录
0 评论
