当前位置:首页 » jQuery » jQuery学习笔记之jQuery属性 » 正文


jQuery学习笔记之jQuery属性

发布日期:2015-05-02 09:10   来源:谭海波   本文永久链接
摘要:今天来跟大家分享下关于jQuery的属性操作,对于DOM来说肯定会有很多属性,比如图片DOM有图片源(src)属性、alt属性,段落DOM有ID属性,CLASS属性等等,这些都需要属性操作的功能。 常见的属性操作有添加属性(attr())、移除属性(removeAttr())和prop……

今天来跟大家分享下关于jQuery的属性操作,对于DOM来说肯定会有很多属性,比如图片DOM有图片源(src)属性、alt属性,段落DOM有ID属性,CLASS属性等等,这些都需要属性操作的功能。

常见的属性操作有添加属性(attr())、移除属性(removeAttr())和prop()、removeProp()。这里可以说是两组添加移除属性的方法,但还是有区别的,前后两组的区别就是后者是设置或移除匹配元素的第一个元素的属性,而前者是所有匹配元素的属性。然后就是attr和prop不仅可以设置属性,也可以是获取原有属性的方法。

注意:这些方法都是有参数的,可以是属性对象,也可以是函数。

因为CLASS对于DOM节点来说是如此的重要,所以呢jQuery为开发者提供了单独的设置CLASS和移除CLASS属性的方法,分别是addClass()、removeClass()和toggleClass(),可能有的人会问前面两个分别是添加和移除CLASS属性,那第三个是干嘛的呢?第三个是判断元素是否有某个CLASS属性,如果有就移除这个CLASS属性,如果没有就添加这个CLASS属性。

设置HTML代码文本值也是DOM的常见操作之一,jQuery提供了html()、text()和val()三个方法,它们三个的共同点就是它们既可以设置内容,也可以是获取内容的方法。学习过DOM的朋友应该会知道html和text的区别,跟DOM中的innerHTML和innerText是十分相似的。而val()方法是用于获取表单对象中的value值。

好了,今天的分享就到这里吧,下次就跟大家分享一下jQuery的CSS操作。



关注谭海波博客官方微信公众平台
文章分类jQuery
文章标签:
本文永久链接:http://tanhaibo.net/2015/05/jquery-attr.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注