【jquery中直接给css赋值与通过css对象进行进行赋值的区别】在平常书写样式的时候,很多时候会通过js
给html
元素进行样式控制。一般我们会使用一下几种方法进行赋值:
$("#userName").height("40");
//方法一
$("#userName").css({//方法二
"height":"40px"
})
正如上面代码所示,平常可能很多朋友都会使用这两种方式进行样式控制。可是大多数人并没注意两者之间的区别。其中方法一直接给元素赋值也就是说元素会包含了其自身的一些默认样式;方法二赋值后元素会忽略其默认的属性以css
控制的样式为准。eg:
如果使用方法一
设置样式,通过浏览器观察到的高度为
文章图片
46px
,也就是说包含了其默认的边框padding
等值。
$("#userName").height(40);
如果使用方法二
设置样式,通过浏览器观察到的高度为
文章图片
40px
为设置的高度,不含默认样式。
$("#userName").css({
"height":"40px"
})
此结论为个人尝试得出的结论,如果有错误之处望指正。两个简单的小细节希望能对你有用。
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少(今天见识到跳槽天花板!!)