jquery操作html元素之( 获得内容和属性)
2024-09-06 07:06:45
* jQuery - 获得内容和属性
jQuery DOM 操作
jQuery 中非常重要的部分,就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
提示:DOM = Document Object Model(文档对象模型)
DOM 定义访问 HTML 和 XML 文档的标准:
“W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。”
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:
实例
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
下面的例子演示如何通过 jQuery val() 方法获得输入字段的值:
实例
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值:
实例
$("button").click(function(){
alert($("#w3s").attr("href"));
});
最新文章
- css知多少(8)——float上篇
- HTML5结合百度地图API创建地图应用
- 006-python基础-条件判断与循环
- android ProgressBar 样式讲解
- python使用PIL压缩图片
- web2.0的几个开源项目
- [译]Java 垃圾回收介绍
- scale等比缩放才能做到看上去能让线条以中心点展开
- VC中基于 Windows 的精确定时
- JAVA Character类
- Django 数据库迁移
- EF 更新 删除
- maven项目中添加Tomcat启动插件
- HanLP极致简繁转换详细讲解
- Confluence 6 为用户管理连接 Confluence 到 Crowd
- Kafka、RabbitMQ、RocketMQ消息中间件的对比
- 【R】array 2 string
- 测试人必备:国内外最好用的6款Bug跟踪管理系统
- Python - 魔法字符串
- 【Python初级】StringIO和BytesIO读写操作的小思考