jQuery中css()和attr()方法的区别

godlong_X 发布于2019-08-22 18:22 / 548人阅读

摘要：也是元素的属性，同样可以对他进行操作，所以在功能上可以看成是的子集。操作返回的是，操作返回的是。拓展方法是获取修改元素的自有属性的方法，不包括自定义的属性。

方法介绍： css():

html代码：

jQuery代码：

attr():

html代码：

jQuery代码：

attr()同样可以设置style样式：

html代码：

jQuery代码：

总结：


css()方法是获取/修改样式属性(和style有关)的方法；

attr()是获取/修改元素的属性(和Html标签有关)的方法；

attr()和css()对style的操作都是针对行内样式。
style也是元素的属性，attr()同样可以对他进行操作，所以在功能上css()可以看成是attr()的子集。

attr()操作返回的是string，css()操作返回的是object。

拓展:

prop()方法是获取/修改元素的自有属性的方法，不包括自定义的属性。
html代码：

jQuery代码：

我是初学者水平有限，如有纰漏欢迎指正，共同学习。

云服务器 GPU云服务器 css和html的区别 html和css的区别 javascript和jquery的区别 jquery和javascript的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95782.html

JQuery基础修炼-样式篇

摘要：具有相同的父元素，并匹配过滤选择器子选择器选择所有指定元素中指定的的直接子元素。可见元素的宽度或高度，是大于零。元素的或被认为是可见的，因为他们仍然占用空间布局。 jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery...

_Dreams 2019-08-02 15:55 评论0 收藏0
JQuery基础修炼-样式篇

摘要：具有相同的父元素，并匹配过滤选择器子选择器选择所有指定元素中指定的的直接子元素。可见元素的宽度或高度，是大于零。元素的或被认为是可见的，因为他们仍然占用空间布局。 jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery...

luck 2019-08-19 18:24 评论0 收藏0
jQuery 属性与样式

摘要：与中用方法来获取和设置元素属性是属性的缩写，在操作中会经常用到有个表达式传入属性名获取属性的值属性名属性值设置属性的值属性名函数值设置属性的函数值给指定元素设置多个属性值，即属性名一属性值一属性名二属性值二删除方法为匹配的元素集合中的每个元 .attr()与.removeAttr() jQuery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在j...

yibinnn 2019-08-21 11:52 评论0 收藏0
jQuery基础(一) ：样式篇

摘要：如下就是对象或是如下以下两者的修改都是等价的但是使用不能很好的操作，所以可以将其转换成对象把元素转化成的对象总体，表示当前的上下文对象是一个对象，可以调用对象所拥有的属性和方法。代表的上下文对象是一个的上下文对象，可以调用的方法和属性值。一：初识 jquery： 1、 jQuery 只是一个库，不需要特别的安装，只需要我们在页面标签内中通过 script 标签脚本引入 jQuer...

SegmentFault 2019-08-20 10:35 评论0 收藏0
jQuery 方法整理

摘要：方法返回介于两个给定元素之间的所有祖先元素。方法返回被选元素的后代元素，一路向下直到最后一个后代。方法允许您规定一个标准。方法返回不匹配标准的所有元素。 jQuery 简介 jQuery 是一个轻量级操作 DOM 的 JS 库，主要包含以下功能： HTML 元素选取和操作 HTML 事件函数 HTML DOM 遍历和修改 CSS 操作 JavaScript 特效和动画 AJAX 基于...

lijy91 2019-08-23 16:07 评论0 收藏0