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地址:3.234.244.181,欢迎您的访问!

温馨提示 : 非特殊注明,否则均为李联华的博客原创文章,本站文章未经授权禁止任何形式转载
文章链接:https://www.ooize.com/jquery-operation.html

订阅文章

在下面输入您的电子邮件地址以订阅我们的文章

留下评论

Loading...