jQuery - 获取内容和属性

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() - 设置或返回表单字段的值

http://www.iis7.com/a/lm/gjcpmcx/

attr("要获取的属性") - 方法用于获取属性值

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

jQuery - 设置内容和属性

设置内容 - text()、html() 和 val()

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

val() - 设置或返回表单字段的值

。。。。。。。。。。。。。。。。。。

text()、html() 以及 val() 的回调函数：

text()、html() 以及 val()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

attr() 方法也用于设置/改变属性值。attr() 方法也允许您同时设置多个属性。

attr()，也提供回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

:::::::::::::::::::::::::::::::::

jQuery - 添加元素 

通过 jQuery，可以很容易地添加新元素/内容。

添加新内容的四个 jQuery 方法：

append() - 在被选元素的结尾插入内容，（仍然该元素的内部），可无限追加。

prepend() - 在被选元素的开头插入内容，可无限追加。

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

:::::::::::::::::::::::::::::::::

jQuery - 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。

可使用以下两个 jQuery 方法：

remove() - 删除被选元素（及其子元素），remove() 方法也可接受一个参数，允许您对被删元素进行过滤，该参数可以是任何 jQuery 选择器的语法。

empty() - 从被选元素中删除子元素

:::::::::::::::::::::::::::::::::::::::::::::::::::

jQuery - 获取并设置 CSS 类

通过 jQuery，可以很容易地对 CSS 元素进行操作。

jQuery 拥有若干进行 CSS 操作的方法：

addClass() - 向被选元素添加一个或多个类

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对addClass()和removeClass() 的切换

。。。。。。。。

jQuery css() 方法

css() - 设置或返回被选元素的一个或多个样式属性

如需返回指定的 CSS 属性的值，请使用如右所示语法：css("(属性名)propertyname")。

如需设置指定的 CSS 属性，请使用如右所示语法：css("(属性名)propertyname","(值)value")。

如需设置多个 CSS 属性，请使用如下语法：css({"propertyname":"value","propertyname":"value",...})。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/31552074/viewspace-2216713/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/31552074/viewspace-2216713/