首页  >  文章  >  web前端  >  如何使用 jQuery 从 Div 中删除特定的 CSS 属性?

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

Linda Hamilton
Linda Hamilton原创
2024-11-06 06:55:03137浏览

How to Remove Specific CSS Properties from a Div Using jQuery?

使用 jQuery 从 Div 中删除 CSS

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

<p>In my App I have the following:</p>
<pre class="brush:php;toolbar:false">$(&quot;#displayPanel div&quot;).live(&quot;click&quot;, 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn