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应用、容器环境、电商独立站等
立即前往
扫码进入
扫描二维码购买
文澜千文

文澜千文

请登录以使用此功能。

美心(Meixin)原味鸡蛋卷448g 中国香港特产休闲零食饼干礼盒企业送礼团购 美心(Meixin)原味鸡蛋卷448g 中国香港特产休闲零食饼干礼盒企业送礼团购
Loading...