如何使用 jQuery 从 Div 中删除特定的 CSS 属性？

使用 jQuery 从 Div 中删除 CSS

在您的应用程序中，您有一个将 CSS 属性应用于 div 的单击事件处理程序。但是，在执行其他功能后，您希望删除应用的 CSS。以下是使用 jQuery 实现此目的的方法：

<p>In my App I have the following:</p>
<pre class="brush:php;toolbar:false">$("#displayPanel div").live("click", function(){
  $(this).css({'background-color' : 'pink', 'font-weight' : 'bolder'});

  // Perform other functionalities here

  // Remove the applied CSS
  $(this).css({'background-color' : '', 'font-weight' : ''});
});

When I click on a Div, the color of that Div is changed. Within that Click function I have some functionalities to do. After all that I want to remove the applied Css from the Div. How could I do it in JQuery?

”问题答案：“

You can remove specific CSS that is on the element like this:

$(this).css({'background-color' : '', 'font-weight' : ''});

Although I agree with karim that you should probably be using CSS classes.

”

css() 方法接受键值对对象作为参数。通过传递空字符串 ('') 作为值，您可以有效地删除指定的 CSS 属性。在本例中，我们删除了之前应用于 div 的背景颜色和字体粗细属性。

以上是如何使用 jQuery 从 Div 中删除特定的 CSS 属性？的详细内容。更多信息请关注PHP中文网其他相关文章！