jQuery中css和attr的区别

jQuery中css和attr的区别

1、attr()获取和修改的是元素的属性,如img的src属性和alt属性,a链接的href属性等等。

2、css()获取和修改的是样式里面的属性,即是style里面的属性。

例如:

$("#div_id").attr("display","none"),是没有效果的,而改成$("#div_id").css("display","none")即可。

$("#div_id").attr("width","180")$("#div_id").css("width","180")都具有效果。

因为display属于css中的属性,而不属于该div的属性,而width既是div的属性,也是css的属性,所以会出现上面的情况,以后再使用jquery去修改某一标签的style使用css( ),修改元素的属性使用attr( )。(相关课程推荐:JS视频教程

案例:

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <p>hello</p>
    <a href="//www.baidu.com">测试</a>
</body>
<script type="text/javascript">
    $("p").css("font-size","24px");
    $("a").attr("href","//www.html.cn");
</script>
</html>

更多JavaScript相关技术文章,请访问JavaScript答疑栏目进行学习!

以上就是jQuery中css和attr的区别的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏