jQuery获取设置样式

你好，说到CSS()方法，我对此很熟悉，所以我们需要谈谈它的来龙去脉。

记得第一次接触CSS()是在那时，当时我还处于前端开发的早期阶段。
当时我就用它来获取和设置元素的样式，非常方便。
例如，如果您想使用 CSS() 设置某个部分的边框，您可以说：
javascript $('div1 ').css('边框', '1 px纯黑');
这行代码将 div 边框设置为黑色实线。

有趣的是，这个东西有时会在 IE 中造成一些尴尬。
如果您使用 console.log($('div1 ').css('border'));，您可能看不到任何结果，或者可能会得到不确定的结果。
这是因为 IE 在处理边框等复合样式属性时可能会遇到兼容性问题。
你要记住，如果你想在IE中获得精确的边框样式值，你必须指定一个特定的边框属性，例如：
javascript console.log($('div1 ').css('边框顶部宽度')); // 2 像素
还有一点是，当你使用 CSS() 方法获取包含多个 DOM 元素的 jQuery 对象时，它只会获取第一个 DOM 元素的样式。
例如：
javascript console.log($('div').css('width')); // 第一部分的宽度值可能是
那么在设置模式的时候，这个方法也是非常有趣的。
你可以这样做：
javascript css('样式名称', '样式值');
设置时，样式名称有两种写法，一种是驼峰命名法，另一种是CSS命名法，必须用引号括起来。
但需要注意的是，宽度和高度的单位px通常不加引号，但如果是带有px的数值，则应注明，如下：
javascript $('div1 ').css('宽度', '3 00'); //或 $('div1 ').css('width', '3 00px');
如果要设置多种样式，可以直接传递一个对象：
javascript $('div1 ').css({ “背景颜色”：“绿色”， “宽度”：“3 00px”， “高度”：“2 00 像素” });
但值得注意的是，如果直接使用bullet语法设置多种样式，背景色等需要引号的属性会报错：
javascript $('div1 ').css({ “背景颜色”：“绿色”， “宽度”：3 00， “身高”：2 00 });
没错，每个div都会被设置为相同的样式，这是一个隐式的迭代过程。

不过这些年前端开发已经发生了很大的变化，但是CSS()方法还是相当实用的。
我们希望这些小细节对您有所帮助。

如何用jquery或者js来自定义css

这是一个陷阱，不要相信，不要直接连接样式。

实用提醒：使用类选择器或类名操作来避免内联样式。

如何通过jQuery代码 给某个div添加style样式，$(".className").style.dispaly="none" 这样不起作用。

哇，这个 jQuery 太酷了。
说实话，当时我无法理解为什么 $.style.display="none" 不起作用。
事实上，jQuery 返回的是 jQuery 对象，而不是我们熟悉的原生 DOM 对象。
两者非常不同。

我记得2 01 5 年左右我在做一个项目的时候。
当时我刚刚开始使用jQuery。
我在书中看到可以使用 $.style 直接更改样式，所以我用代码编写了它。
结果页面上的div就消失了。
当时我很困惑，但经过进一步调查，我发现问题是由于 jQuery 对象不支持 style 属性造成的。

我该怎么办？是的，使用jQuery提供的css方法。
例如，如果要隐藏所有带有 className 的 div 元素，请编写：
javascript $.css('.className', '显示', '无');
此代码默默地将所有具有 className 的 div 的显示样式更改为 none，以便该元素不可见。

事实上，$.css方法不仅可以设置显示，还可以设置颜色、宽度等其他样式。
我记得当时我在做一个电商网站的活动页面，不得不使用这种方法来调整字体大小和颜色，以方便用户阅读。

换句话来说，使用 jQuery 的 css 方法来改变样式是一个明智的选择。
很容易根据您的风格演奏，而且很适合您。
当时我不明白为什么不能直接使用$.style。
想一想。
这就是 jQuery 和原生 JavaScript 之间的区别。