首頁 > web前端 > css教學 > 如何使用 jQuery 從 Div 中刪除特定的 CSS 屬性?

如何使用 jQuery 從 Div 中刪除特定的 CSS 屬性?

Linda Hamilton
發布: 2024-11-06 06:55:03
原創
213 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板