jQuery 的操作

由 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
二维码
请先登录才能参与答题
距本场结束剩 00天 00时 00分 00秒
轻量应用服务器 2核2G
200M峰值带宽，适用于网站搭建、Web应用、容器环境、电商独立站等
立即前往
扫码进入
扫描二维码购买
文澜千文

文澜千文

请登录以使用此功能。

热门搜索

公告

为了保障用户和本站点的合法权益，本网站制定了多项条例。点击同意即表示您遵守这些条例: 网站政策。

和情（LOTUS）Biscoff比利时进口焦糖饼干节日送礼铁罐红色礼盒312G 和情（LOTUS）Biscoff比利时进口焦糖饼干节日送礼铁罐红色礼盒312G
Loading...