jQuery中的css()和attr()方法有什么区别？

于 2023-10-04 12:04:42 发布
阅读量83 收藏
点赞数
文章标签： jquery css 前端 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CyberByte/article/details/133548373
版权
编程 专栏收录该内容
333 篇文章 24 订阅 ¥29.90 ¥99.00
订阅专栏
本文详细介绍了jQuery中css()和attr()的区别。css()方法用于操作元素的样式属性，如颜色、宽度等，而attr()方法用于处理元素的属性，如值、ID等。两者分别通过修改style属性和元素属性值来实现功能。在适当场景下选择正确的方法对于前端开发至关重要。
摘要由CSDN通过智能技术生成

在jQuery中，css()和attr()是两个常用的方法，用于操作HTML元素的样式和属性。它们之间有一些关键的区别，我将在下面进行详细解释，并提供相应的源代码示例。

  1. css()方法：
    css()方法用于设置或获取HTML元素的样式属性。它接受两个参数，第一个参数是要操作的样式属性的名称，第二个参数（可选）是要设置的属性值。如果只提供一个参数，则该方法将返回指定属性的当前值。

    示例1：获取元素的样式属性

    // HTML: <div id="myDiv" style="color: red;">Hello World</div>
var color = $('#myDiv').
了解本专栏 订阅专栏 解锁全文
jquery中prop()方法和attr()方法的区别浅析
12-10
jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。 大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = “disabled”，checked=”checked”，比如用attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”checked”但没选中获取值就是undefined。 jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使用attr获取checked属性时返回”checked”和””,现在使用pr
JQuery中操作Css样式的方法
12-09
代码如下://1、获取和设置样式 $(“#tow”).attr(“class”)获取ID为tow的class属性 $(“#two”).attr(“class”,”divClass”)设置Id为two的class属性。 //2、追加样式 $(“#two”).addClass(“divClass2”)为ID为...
.attr 与. css
Mei12656276的博客
02-22 377
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; body { backgr
jQuery——attr和css的区别
Searchin_R的博客
10-19 1204
在jquery中，attr和css都和元素样式有关，今天来说一说这两者有什么区别。 css() 方法返回或设置匹配的元素的一个或多个样式属性。 attr即[attribute]的缩写，它是选择器用于选取带有指定属性的元素。 其实，它们之间的区别可以用一句话来概括：即attr设置和获取某个属性值,css设置和获取style中的属性。 下面用代码来说明一下这两者之间的区别。 1.作用不同 ...
jquery 中的css()和attr()
kalinux的博客
11-19 328
atr()是用来获取标签属性的,比如&lt;img&gt;中的src,  &lt;input&gt;中的type，value。它对应于js中的getAtrribute(); css()是用来获取style样式的，比如&lt;img&gt;中的width，&lt;input&gt;中的border，opacity。它对应于js中的document.get...style.......
jquery attr和css属性
u012365843的专栏
07-02 8060
在jquery里，css和attr都可以动态的修改html中元素的属性。但css()是用来操纵元素style{}的，而attr()是用来操作元素固有的属性的，且attr()的权重比css()要大，它会覆盖css()的样式。例：$("#txt").css("display","none")$("#txt").css({"display":"none","width":"5px",....})
.attr() 和 .css()
xidongdong1的博客
04-07 801
css: 是设置和获取 style 的。（ .css("display","none") ）var myId = $("#myId"); myId.css("background-color", "red"); // 设置背景颜色为红色 var bg = myId.css("background-color"); // 获取背景颜色相当于：var myId = document.getEl
jQuery中attr()方法用法实例
10-24
jQuery的attr()方法是一个非常重要的操作元素属性的方法，它的功能主要分为两大类：获取元素属性值和设置元素属性值。在使用attr()方法时，我们可以根据传入的参数不同，实现不同的操作。这篇文章将详细解释attr()...
jquery css attr
weixin_34362991的博客
02-05 55
$("img").attr({ src: "test.jpg", alt: "TestImage" });    //添加样式 $("p").css({ color: "#ff0011",background: "blue" });  //修改样式
attr()和css()的区别
qq_36242942的博客
06-13 214
https://blog.csdn.net/qq_36651893/article/details/64128353
jquery attr()和css()的区别
Ysuer的博客
10-13 478
css设置style里的样式 attr设置属性 例如： $("#txt").css("display","none") $("#txt").css({"display":"none","width":"5px",....}) $("#txt").attr("title","zz")
css中#和.区别,attr()与css()有何区别和应用
weixin_35846141的博客
08-04 314
jquery中attr()和css()都是用于获取/修改元素的属性，那么我们在使用jq的css与attr两个函数会不会经常搞混淆呢？jquery attr()方法attr() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值，则返回第一个匹配元素的值。当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。语法返回属性的值：$(selector).attr(attribute)设置属...
jQuery中操作属性的的两个方法：css 与 attr 的用法与区别
前端H5
09-15 404
在jQuery中：css是设置或者修改样式，操作的是style属性 css语法： css(‘属性名’)：获取单个样式 (‘#div1’).css(‘width’)&amp;nbsp;&amp;nbsp;获取的是带有一个dom对象的jQuery对象的宽度(‘#div1’).css(‘width’)&amp;nbsp;&amp;nbsp;获取的是带有一个dom对象的jQuery对象的宽度(‘#d...
关于jQuery的css（）和attr()方法的区别
m0_66927735的博客
04-14 899
1.首先css是设置元素style样式的，意思是只要你能在style里设置的属性我们都可以用css()方法。 $(selector).css(name,value) name 必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。 value 可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值，比如 "red"。 如果设置了空字符串值，则从元素中删除指定属性。 如： //点击按钮切换标签颜色 fun
JQuery中css与attr的比较
张兴刚的博客
11-12 1325
我们在使用jq的css与attr两个函数会不会经常搞混淆呢，下面就我就谈谈我在使用两者的经验。 $(‘#boj’).attr(‘src’,’/image/aa.jpg’)这样不禁让我们很困惑，是不是attr可以设置对象的属性height,width等呢？答案是不可能的。 attr是设置和获取属性值的，比如现在有一个div，内容如下： 苹果 香蕉 葡萄 橘子 使用
jQuery中css()和attr()方法的区别
weixin_34355559的博客
06-29 122
方法介绍： css(): html代码： <div class="box" id="box" style="width: 300px;height: 100px;background-color: yellow"></div> jQuery代码： <script type="text/javascript"&...
jquery属性css和attr的差别
momo的博客
06-15 533
css就是取该标签定义的css的属性 attr只能取该标签里自带的属性，而有些标签的里面没有相应的属性 div没有width这个属性，所以不能用attr给他赋值 如下： html代码： 运行js的代码：
尚硅谷web前端工程师1000集学习笔记14
qq_38547320的博客
02-11 235
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>CSS</title> <style type="text/css"> /* ...
$().attr() 和 $().css的区别
banjing_1993的博客
03-21 4942
 最近调整前台的时候发现 使用jquery的.attr( )方法去给div隐藏，我是这样写的 $("#div_id").attr("display","none"),发现并没有生效，但是docunment.getElementById("div_id").style("display","none")就生效了。 而且再调试的时候发现，使用$("#div_id").att
深入理解jQuery attr()方法：设置与获取属性值的实战
"jQuery的attr()方法是JavaScript库jQuery中一个重要的DOM操作工具，它用于设置或检索HTML元素的属性值。此方法在处理网页元素的动态属性交互时非常实用。本文将详细介绍attr()方法的两个主要用途：获取属性值和设置...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值