JQ遇到$(‘.xxx’).attr(‘display’)一直返回undefined

jq attr && jq css

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

我们就题目遇到的问题做一个测试

//html
<div class="div1" name="oDiv"></div>

//js
console.log('attr-display =======>', $('.div1').attr('display'));
console.log('attr-name =======>', $('.div1').attr('name'));

猜一下结果?

attr-display =======> undefined
attr-name =======> oDiv

注意要把script放在html后,或者加上$(function(){}))

可以看到css样式display为undefined,而标签属性name却拿到了值。 从而可以解释,$.attr()封装了原生attribute.只能获取/改变属性值,如果需要获取/改变样式:

<