这篇文章给大家介绍jQuery 中怎么获取内容和属性,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
创新互联是专业的成武网站建设公司,成武接单;提供做网站、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行成武网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
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 中怎么获取内容和属性就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
标题名称:jQuery中怎么获取内容和属性
本文链接:http://lswzjz.com/article/jehodd.html