CSS挺常见，前端都要用。说个有意思的事儿，jQuery真的强无敌！比如说那个叫.css()的东西，用来调整元素外观，什么小心思都能搞定，超级棒！你是不是也想看看div是啥颜色？那就试试看吧：
javascript 我们先把这个块的背景颜色拿下来，放到变量bgColor里。
var bgColor = $('div').css('background-color');
把这个div的背景色存到变量里叫bgColor。
别老盯着这个地方，试试这个强悍的工具——`.css()`。按我说的走，一次全改掉一堆属性没问题！放心动手试一试，跟我来：
简单地把DIV设置个背景色、大小和字体颜色，取个好记的名字就行了呗。编程其实也没那么复杂！
背景色选好，再调字号和颜色，都集中在这个styles对象里面。
二、.attr()方法获取div的CSS样式
var divStyles = $('div').css(['background-color', 'font-size', 'color']);
慢慢儿来。跟你说说好玩的事儿，就是那个jQuery的.attr()放法，超级厉害，能帮我们搞定HTML里的属性呢!是的，你肯定好奇咋用？举个例子咱想看下div长什么样, css的属性有哪些咋办？
我们只需在页面中找到那个”div”标签，把样式加到上面就行了。
就是这么简单！你只需要把div元素的CSS属性都拷贝到那个var styles字符串里面就行。记住，像`.attr()`这样调试CSS样式的方法，输出的全是字符串~
咱们快点用getComputedStyle()这个牛逼的函数瞧瞧，咱们的div都有些啥特色？
你听说过没？高级浏览器可以直接通过JavaScript获取到元素样式属性，是不是超级简单？还可以装各种插件！这么神奇快来看看例子吧：
不管你要找什么标签，用$(“div”)[0]$这个妙招就能轻松搞定！
你在网上看到某个东西怎么变出来的？试试看那个超级实用的函数- window.getComputedStyle()，保准能给你答案。要查看样式吗？只需要给函数输入元素名字和相应的参数style就可以！真的很简单！
咱们先查询下当前页面的背景颜色。
var bgColor = $('div').attr('style');
搞定！现在咱们能找到div的背景色然后保存在“bgColor”这个变量里面。不过要注意，使用window.getComputedStyle()函数不只可以取得颜色，还有奇怪的字符。所以，找这个值之前要先确定你选择的div在哪儿，并且整个网页都得完全加载完才能用，否则可能会有些小问题。
别郁闷，别难为自己！学会搞懂jQuery的.css()和.attr()方法，还有JavaScript里的getComputedStyle()函数，分分钟就能看出我们喜欢的div元素都有啥CSS属性。这个小技巧开发和调试都很有用，能节省大把时间，让我们提升效率更轻松！
四、应用场景举例
苦恼于DIV元素的CSS属性？这招儿让你瞬间搞定！更神奇的是，还能解决网页设计中的难题。比如，改动某个元素前，要考虑用户习惯。现在，学会了我今天教的本领，你就放心大胆去调，直接瞄准要修改的部分，轻松微调CSS样式，就是这么简单！
不用怕，时间还早！响应式设计就是对你家网站每个像素动手脚，因为设备屏幕大小不一样，咱们要把它弄得顺眼点才行。有了jQuery后，浏览器窗口尺寸变了，CSS属性也能瞬时反应，真是超好用！
五、优化建议
过来教你怎么搞定div，别整那些花里胡哨的，不然网页速度慢得像蜗牛还不好看。咱还是尽量少动DOM和样式属性吧～
记住了用.getComputedStyle 得小心点儿，因为不同浏览器效果可能不一样。晕乎乎？别急，咱来搞定浏览器兼容性问题。就找个啥都兼容的方法呗！
var bgColor = window.getComputedStyle($('div')[0]).getPropertyValue('background-color');
六、总结
学完jQuery后，调div的CSS就跟骑车似的简单了，各种方法都能用上，如.$css(),$attr(),或JavaScript的getComputedStyle()等，就可以快速找到所需样式。
评论0