首頁 > web前端 > js教程 > 主體

jQuery新增/改變/移除CSS類別及判斷是否已經存在CSS_jquery

WBOY
發布: 2016-05-16 16:38:59
原創
1058 人瀏覽過

改變頁面元素樣式使用Javascript也可實現,但有沒有更簡潔的辦法,答案是肯定的,現在有了jQuery,似乎讓Js代碼瘦身了不少,應驗了那句話:“jQuery讓JavaScript程式碼變得簡潔!

1. removeClass() - 移除CSS類別

$("#target").removeClass("oldClass"); 
//#target 指的是需要移除CSS类的元素的ID 
//oldClass 指的是CSS类的名称
登入後複製
2.addClass() - 新增CSS類別

$("#target").addClass("newClass"); 
//#target 指的是需要添加样式的元素的ID 
//newClass 指的是CSS类的名称
登入後複製
3. toggleClass() - 增加或移除CSS類別:如果CSS類別已經存在,它將被移除;相反,如果CSS類別不存在,它將被加上。

$("#target").toggleClass("newClass") 
//如果ID为“target”的元素已经定义了CSS样式,它将被移除; 
//反之,CSS类“newClass”将被赋给该ID
登入後複製
4.hasClass("className") - 判斷是否已經存在CSS

在實際運用中,我們通常是先定義好這些CSS類,然後透過Javascript事件觸發(例如點擊某個按鈕)來改變頁面元素樣式。此外,jQuery也提供一個方法 hasClass("className"),用來判斷某個元素是否已經被賦予某個CSS類別。順便告訴前端開發的新手,jquery是值得擁有的,有空了好好研究。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!