jQuery - 获取内容和属性-开发文档-JsSaaS开发平台

系统、网站、API站点，简单高效开发

jQuery 教程

jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件

jQuery 效果

jQuery 效果- 隐藏和显示 jQuery 效果 - 淡入淡出 jQuery 效果 - 滑动 jQuery 效果- 动画 jQuery 停止动画 jQuery Callback 方法 jQuery - 链(Chaining)

jQuery HTML

jQuery - 获取内容和属性 jQuery - 设置内容和属性 jQuery - 添加元素 jQuery - 删除元素 jQuery - 获取并设置 CSS 类 jQuery css() 方法 jQuery 尺寸

jQuery 遍历

jQuery 遍历 jQuery 遍历 - 祖先 jQuery 遍历 - 后代 jQuery 遍历 - 同胞(siblings) jQuery 遍历- 过滤

jQuery Ajax

jQuery - AJAX 简介 jQuery - AJAX load() 方法 jQuery - AJAX get() 和 post() 方法

jQuery 其他

jQuery - noConflict() 方法 JSONP 教程

jQuery 实例

jQuery 参考手册

jQuery 选择器 jQuery 事件方法 jQuery 效果方法 jQuery HTML / CSS 方法 jQuery 遍历方法 jQuery AJAX 方法 jQuery 杂项方法 jQuery 属性

jQuery 插件

jQuery Validate jQuery Cookie 插件 jQuery Accordion jQuery Autocomplete jQuery Growl 插件(消息提醒) jQuery Password Validation（密码验证） jQuery Prettydate jQuery Tooltip jQuery 树型菜单插件(Treeview)

jQuery - 获取内容和属性

jQuery 拥有可操作 HTML 元素和属性的强大方法。

jQuery DOM 操作

jQuery 中非常重要的部分，就是操作 DOM 的能力。

jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。

	DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： "W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。"

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("值为: " + $("#test").val()); });

获取属性 - attr()

jQuery attr() 方法用于获取属性值。

下面的例子演示如何获得链接中 href 属性的值：

实例

$("button").click(function(){ alert($("#runoob").attr("href")); });

下一章会讲解如何设置（改变）内容和属性值。