jQuery 的操作

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

文澜千文

请登录以使用此功能。

海玉石头饼石子烤馍 非油炸零食饼干 原味720g 山西特产 海玉石头饼石子烤馍 非油炸零食饼干 原味720g 山西特产
Loading...
OpenClaw

OpenClaw 龙虾

AI AGENT GATEWAY
在您的服务器部署 OpenClaw,打造专属极速 AI 助手。
零门槛一键部署环境
支持 QQ/飞书/微信 渠道
跨平台指令分发执行
立即安装