jQuery - 获得内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
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")); });下一章会讲解如何设置(改变)内容和属性值
相关推荐
Jquery从入门到精通
jquery、javascript、入门到精通,jquery从入门到精通
jquery 从入门到精通 葵花宝典 ,新手必须掌握的一门技术,里面内容很全很好。
jquery从入门到精通课件jquery从入门到精通课件jquery从入门到精通课件
最新最全 博文链接:https://javawangli.iteye.com/blog/979750
jQuery入门到精通,前端开发技术,前端javaScript
jQuery 入门,对Dom操作,Ajax页面无刷新,json
这是一本关于jquery学习的好资料,快来看看吧。
jquery 教程 实例 demo 全部demo 从入门到精通 完整示例下载
jQuery框架所有知识,实际案例,代码,包括选择器,异步请求事件处理等
jQuery UI 入门到精通 中文版 PDF
jQuery开发从入门到精通(袁江)(原书网页模板代码)
jQuery 手机开发从入门到精通电子书加配套随书源码 全
jQuery开发从入门到精通(袁江)源代码,清华大学出版社 2013年 配套视频可以在B站上搜到(同名视频)
jquery开发从入门到精通 光盘下载地址 迅 雷:thunder://QUFodHRwOi8vbS5saWJ0b3AuY29tL2QvOS83MDU5ODMwMjc2NzM5LzBaWg==
《jQuery开发从入门到精通》 清华大学出版 袁江 源代码与示例。
jQuery Mobile快速入门.pdf
jQuery入门到精通.txt
jQuery开发从入门到精通(袁江)( HTML5+CSS3网页模板)