jQuery中css()与attr()之间的区别

html-css012

jQuery中css()与attr()之间的区别,第1张

attr函数attr(key, fn) 。key (String): 要设置的属性名称 ，value (Function): 返回值的函数 把src属性的值设置为title属性的值。

$("img").attr("title", function() { return this.src })HTML标记:

<img src="test.jpg" />结果:

<img src="test.jpg" title="test.jpg" />

而.css这个方法是针对css属性的也是就style里面的东西

你多看看手册就行了

atrr可以读取设置属性，css是style，addclass是class，这些可以使用attr设置，attr还可以设置其他属性，如，a标签的href连接地址等，

css是专用读取css属性的，是行内样式。

addclass是给现在的样式新增加（不替换以前有的）样式，如果以前已经有了一个myclass1，现在新增一个，myclass1不会消失

css: 是设置和获取 style 的。

var myId = $("#myId")

myId.css("background-color", "red") // 设置背景颜色为红色

var bg = myId.css("background-color") // 获取背景颜色

相对于

var myId = document.getElementById("myId")

myId.style.backgroundColor = "red" // 设置

var bg = myId.style.backgroundColor // 获取

这里注意的是非jQuery，不能直接获取 <style></style>里的值

也就是说 .css 文件里的那些值（要去写一个兼容函数才可以）。

attr: 设置和获取属性的 （attribute的缩写）。

var myId = $("#myId")

myId.attr("data-name", "baidu")

// 设置属性名data-name，值baidu

// 结果为 ： <div id="myId" data-name="baidu"></div>

var attr = myId.attr("data-name") // 获取

相对于

var myId = document.getElementById("myId")

myId.setAttribute("data-name", "baidu") // 设置

myId.getAttribute("data-name") // 获取

望采纳