jQuery中怎么获取内容和属性

  • 时间:
  • 浏览:398
  • 来源:恰卡网

导读这篇文章给大家介绍jQuery 中怎么获取内容和属性,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 jQuery - 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方...

这篇文章给大家介绍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",...})。

关于jQuery 中怎么获取内容和属性就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

猜你喜欢

30个上古神话传说(有哪些神话故事)

有哪些神话故事(30个上古神话传说) 神话传说和民间传说,是一个民族和国家的宝贵精神财富,有多少是你没有听说过的,又或是耳熟能详的? 1.盘古开天 传说太古时候,天地不分,整个宇

2021-08-05

布达拉宫简介(布达拉宫资料大全)

布达拉宫资料大全(布达拉宫简介) 布达拉宫坐落于西藏拉萨中心的红山之上,海拔3700余米,建筑总面积13万余平方米,主楼高115.703米,共13层,是西藏地区现存规模最大,样式最全,保存最

2021-08-05

小额投资理财项目有哪些?(小额投资理财有哪几种)

小额投资理财有哪几种?(小额投资理财项目有哪些?) 投资成为了人们比较热衷的事情,普通人也都参与进来,但是普通的人投资跟真正的投资人投资又是有很大的区别的。对于普通人而言

2021-08-05

世界上最美十座桥梁都有哪些?(世界十大最美大桥排行榜)

世界十大最美大桥排行榜(世界上最美十座桥梁都有哪些?) 桥梁是人类所建造的最古老、最壮观、最美丽的建筑工程之一。历史上著名的桥梁,都以鲜明的形象、强烈的艺术感染力,反映了

2021-08-05