jQuery 中怎么获取内容和属性

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

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

发布于 2021-07-29 21:59:46
收藏
分享
海报
0 条评论
188
上一篇:JAVA中如何获取随机数 下一篇:XamarinEssentials中怎么获取首选项的值
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码