快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery中css()和attr()有什么区别

这篇文章给大家介绍jquery中css()和attr()有什么区别,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

为常山等地区用户提供了全套网页设计制作服务,及常山网站建设行业解决方案。主营业务为成都做网站、成都网站制作、成都外贸网站建设、常山网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

jquery中有attr()和css()两种方法:

attr是attribute的缩写,意思是标签属性。css是,样式,意思是元素的style样式的。

jquery attr()方法

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值,则返回第一个匹配元素的值。

当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

语法

返回属性的值:

$(selector).attr(attribute)

设置属性和值:

$(selector).attr(attribute,value)

attribute:规定属性的名称。

value:规定属性的值。

jquery css()方法

css() 方法返回或设置匹配的元素的一个或多个样式属性。

返回第一个匹配元素的 CSS 属性值。

注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。

$(selector).css(name)

name:必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性。比如 "color"。

jquery中attr()与css()的区别

jquery中attr()是获取/修改元素的属性和值(和Html标签有关);css()是获取/修改元素的样式属性(和style有关)。

attr()主要是针对元素的属性进行操作,如img的src属性和alt属性,a链接的href属性等等;

css()修改的是样式里面的属性,即是style里面的属性。

前者可以修改的src属性,可以修改的href属性, 可以修改的title属性。然而后者却不行,他它只能修改样式相关的特征。

所以,后者是前者的子集,只是对 style这个特定的属性进行操作。

示例:

HTML

Hello

Javascript


$(function() {
//css()
var color = $("#a").css("color"); //只有一个参数时,是获取div#a的color,返回red
$("#a").css("color", "blue"); //两个参数时,是设置对应的 样式属性,这里是这只文本color为blue
// $("#a").css({"color":"blue","fontWeight":"normal"});//也支持对象形式进行设置样式
//attr()
//获取div#a上面的data-id属性的值;当然,style,class,id这三个都可以获取到,因为这些都是Html元素的 属性
var id = $("#a").attr("data-id");
//$("#a").attr("data-id",2);//设置div#a上面的data-id属性为2,
                //假如是一个不存在的属性,使用这个代码,就会添加这个属性到匹配到的元素上面 
               //如$("#a").attr("data-width","100px");,使用这个,div#aHtml元素上面就会新增一个data-width的属性
});

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

关于jquery中css()和attr()有什么区别就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


当前题目:jquery中css()和attr()有什么区别
网站路径:
http://6mz.cn/article/psssgj.html

其他资讯