1. 程式人生 > >jquery addClass,removeClass 設定或刪除類

jquery addClass,removeClass 設定或刪除類

通過 jQuery,可以很容易地對 CSS 元素進行操作。 切換 CSS 類

jQuery 操作 CSS

jQuery 擁有若干進行 CSS 操作的方法。我們將學習下面這些:

  • addClass() - 向被選元素新增一個或多個類
  • removeClass() - 從被選元素刪除一個或多個類
  • toggleClass() - 對被選元素進行新增/刪除類的切換操作
  • css() - 設定或返回樣式屬性

例項樣式表

下面的樣式表將用於本頁的所有例子:

.important{font-weight:bold; font-size:xx-large;}.blue{color:blue;}

jQuery addClass() 方法

下面的例子展示如何向不同的元素新增 class 屬性。當然,在新增類時,您也可以選取多個元素:

例項

$("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important");});
嘗試一下 »

您也可以在 addClass() 方法中規定多個類:

例項

$("button").click(function(){ $("body div:first").addClass("important blue");});
嘗試一下 »

jQuery removeClass() 方法

下面的例子演示如何在不同的元素中刪除指定的 class 屬性:

例項

$("button").click(function(){ $("h1,h2,p").removeClass("blue");});
嘗試一下 »

jQuery toggleClass() 方法

下面的例子將展示如何使用 jQuery toggleClass() 方法。該方法對被選元素進行新增/刪除類的切換操作:

例項

$("button").click(function(){ $("h1,h2,p").toggleClass("blue");});
嘗試一下 »

jQuery css() 方法

相關推薦

jquery addClassremoveClass 設定刪除

通過 jQuery,可以很容易地對 CSS 元素進行操作。 切換 CSS 類jQuery 操作 CSSjQuery 擁有若干進行 CSS 操作的方法。我們將學習下面這些:addClass() - 向被選元素新增一個或多個類removeClass() - 從被選元素刪除一個或多

js給節點添加刪除

mys article art dcl 多個 log con ins ret 為 <div> 元素添加 class: document.getElementById(“myDIV”).classList.add(“mystyle”); 為 <div>

bash編程練習帶選項添加刪除用戶

tdi null ini stdin done base 一個 del 獲取 腳本練習題:   可以接受選項及參數,而後能獲取每一個選項,及選項的參數,並能根據選項及參數做出特定的操作; 比如:adminusers.sh -a|--add user .. -d|--del

使用Jquery在UL中新增刪除指定LI元素

今天看了很多帖子,對於元素的新增和刪除的方法都很多,但我的要求就是用最簡單的程式碼實現功能,不喜歡太複雜的內容,所以通過自己的實踐,寫了一個簡單的demo,直接上程式碼,為下一個專案做準備 <!DOCTYPE HTML> <html lang="en-US"> <

jQuery給表格動態新增刪除行列

點選按鈕,動態新增、刪除表格特定樣式的行列 點選**“+”則新增行,點選“-”**則刪除行(針對多行) 實現效果圖 實現 $.addTrTd = function(i){ var rowPost ='<tr>'+ '<td class

Web開發——JavaScript庫(jQuery HTML——獲取並設定CSS需要整合在一起)

  1.4 jQuery css() 方法   css() 方法設定或返回被選元素的一個或多個樣式屬性。 (1)返回CSS屬性   如需返回指定的 CSS 屬性的值,請使用如下語法: 1 css("propertyname");   舉例(下面的例子將返回首個匹配元素的 bac

因為數據庫正在使用所以無法獲得對數據庫的獨占訪問權---還原刪除數據庫的解決方法

sql語句 offline media 方便 with sqlserver 選擇 提示 狀態 問題一描述:SQL Server數據庫備份還原後,在數據庫名稱後會出現“受限制訪問”字樣問題二描述:在對SQL Server數據庫進行還原時,提示:System.Data.

EntityFrameWork使用TransactionScope分布式事務存儲區更新、插入刪除語句影響到了意外的行數(0)。實體在加載後可能被修改刪除。刷新 ObjectStateManager 項 錯誤

bject require 鍵值 有一個 char 加載 ransac state system 最近在開發一個小型的物業管理系統,系統其中有一個功能需要每個月按抄的水表、電表等生成相應的費用,數據庫主要的基礎數據表有大樓水、電表、樓層水、電表、房間水電表;其中大樓和樓層的

使用poi導出Excel設定單元格內容拋出異常

sdro spa ppr 相同 值類型 setfill dropdown 整數 csdn 本例子使用的是HSSF,為Excel2003提供處理方案。 設定為輸入類型為數值 import org.apache.poi.hssf.usermodel.DVConstraint;

jQuery的$.ajax方法響應數據型有哪幾種?本質上原生ajax響應數據格式有哪幾種分別對應哪個屬性?

res 需要 scrip class 屬性 rip xhr tex post jQuery的$.ajax方法響應數據類型有:xml、html、script、json、jsonp、text 本質上原生ajax響應數據格式只有2種:xml和text,分別對應xhr.resp

XML之自動生成添加修改刪除的屬性

pes 表示 創建 BE gen name 待完善 ica bsp 1. class ClassHelperDemo { public static void Main() { #re

“T”必須是具有公共的無參數構造函數的非抽象才能用作泛型方法

where AC cli get result 類型 round style use 在創建架構提取公共方法時,發生了這個錯誤 public class BaseDal<T> where T:class { private readon

你循環的時候就可以給他們賦值了那麽就不用addClass再根據選擇器處理代碼能一氣呵成就別寫成兩段了

onu value addclass his room type ken dcl button function onCopyButtonClick() { $(".index:checked").each(function () { $("#RoomTypeLi

Oracle分區表刪除分區引發錯誤ORA-01502: 索引索引的分區處於不可用狀態

ble range 正常的 一個表 測試 idt upd 如果 oca (一)問題: 最近在做Oracle數據清理,在對分區表進行數據清理時,采用的方法是drop partition,刪除的過程中,沒有遇到任何問題,大概過了10分鐘,開發人員反饋部分分區表上的業務失敗。具體

jQuery屬性--addClass()和removeClass()

    addClass(class|fn) 概述     為每個匹配的元素新增指定的類名 引數     class  一個或多個要新增到元素中的CSS類名,請用空格分開;    

IntelliJ IDEA 中建立的時候可以直接自動給加註釋的設定

轉載地址: https://blog.csdn.net/qq_27093465/article/details/83510884 在新建類的時候,是可以直接表面你要新建的這個類是幹啥的,即,給這個新建的類加上註釋。我這詳細記錄示範下,在idea裡面是怎麼設定和操作的。 1,idea

layer刪除幾秒後執行重新整理跳轉

  1. layer.msg('刪除成功',{icon: 1,time:1000}) 2. layer.msg('刪除成功',{ time:1000, end:fun

使用jQuery增加刪除元素(內容)

使用jQuery增加或刪除元素(內容): 一、jQuery新增元素或內容: 1,append() 方法:在被選元素的結尾插入元素或內容 2,prepend() 方法:被選元素的開頭插入元素或內容。 3,after() 方法:在被選元素之後插入內容。 4,before() 方法:

eclipse中在lib目錄下新增刪除jar包Referenced Libraries無法同步問題

eclipse版本: myeclipse 9.0 以前用myeclipse 6.5的時候,在lib目錄下新增或刪除jar包,Referenced Libraries是可以同步的,現在換成myeclipse 9.0就不行了。只能在java build path的library tab裡面新增或刪

java之執行緒建立的兩種方式六種狀態和匿名內部類建立子實現物件

一.匿名內部類建立子類或實現類物件 new Test(){} 相當於建立了Test類的子類物件 並且沒有類名 建立介面實現類 new 介面名() {};介面實現類的物件 注意 : new 後邊是類或者介面名 大括號內是類或者介面中的方法 public