09-jQuery操作類的相關方法：addClass、removeClass、toggleClass

阿新 • • 發佈：2021-01-21

技術標籤：jquery html jquery

jQuery操作類的相關方法

1、 $(“selector”).addClass(“引數1 引數2 引數3…”);

作用：為每個匹配的元素新增指定的類名。(多個引數之間用空格隔開)

2、$(“selector”).removeClass(“引數1 引數2 引數3…”);

作用：從所有匹配的元素中刪除全部或者指定的類。(多個引數之間用空格隔開)

3、$(“selector”).toggleClass(“引數1 引數2 引數3…”);（內容不全，正確請參照官網）

作用：如果存在就刪除=一個類，如果不存在就新增一個類。(多個引數之間用空格隔開)

程式碼示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery操作類的相關方法</title>
    <style>
        * {
            margin 
: 0;
            padding: 0;
        }
        
        .class1 {
            width: 100px;
            height: 100px;
            background-color: #000000;
        }
        
        .class2 {
            border: 10px solid #f909f9;
        }
    </style>
    <script src="./js/jquery-1.12.4.js"> 
</script>
    <script>
        $(function() {
            var btns = document.getElementsByTagName("button");
            btns[0].onclick = function() {
                $("div").addClass("class1 class2");
            }
            btns[1].onclick = function() {
                $("div").removeClass("class2");
            }
            btns[2].onclick = function() {
                $("div").toggleClass("class1 class2");
            }
        });
    </script>
</head>

<body>
    <button>新增類</button>
    <button>刪除類</button>
    <button>切換類</button>
    <div></div>
</body>

</html>

在這裡插入圖片描述

09-jQuery操作類的相關方法：addClass、removeClass、toggleClass

技術標籤：jqueryhtmljquery jQuery操作類的相關方法 1、 $(“selector”).addClass(“引數1 引數2 引數3…”);

java集合併發操作異常解決方法：CopyOnWriteArrayList

一、我們知道ArrayList是執行緒不安全的，請編寫一個不安全的案例並給出解決方案

PHP操作Redis相關方法大全

1、連線操作 $redis = new Redis(); $redis->connect(\'127.0.0.1\',6379);//連結redis服務 // 引數

C#檔案操作類庫方法大氣

C#追加檔案 StreamWriter sw = File.AppendText(Server.MapPath(\".\")+\"\\myText.txt\"); sw.WriteLine(\"test\");

StringUtils類常用方法：轉換、移除、替換、反轉

轉載地址：http://www.cnblogs.com/guiblog/p/7787569.html 一、轉換 StringUtils中涉及大小寫轉換以及判斷字串大小寫的方法如下：

python 類相關方法定義

類變數、例項方法、例項屬性、初始化方法、類方法、靜態方法 1、類變數　類變數是類的屬性,此屬性屬於類,不屬於此類的例項

2022.4.7類相關方法及派生類

2022.4.7類相關方法及操作動態方法與靜態方法面向物件的三大特性之一:繼承繼承的名字查詢順序

Java 執行緒中斷相關方法：interrupt() isInterrupted() interrupted()

interrupt() 方法只是改變中斷狀態而已，它不會中斷一個正在執行的執行緒。如果執行緒被Object.wait, Thread.join和Thread.sleep三種方法之一阻塞，此時呼叫該執行緒的interrupt()方法，那麼該執行緒將丟擲一個 Inte

hutool的 DateUtil工具類相關方法

public static void main(String[] args) { // 當前時間 DateTime date = DateUtil.date(); // 2022-12-06 13:36:26

Python操作列表常用方法例項小結【建立、遍歷、統計、切片等】

本文例項講述了Python操作列表常用方法。分享給大家供大家參考，具體如下：

工業富聯：擬收購鴻海精密全資子公司相關資產：拋光機、CNC 精雕機等機器裝置

12 月 7 日訊息，工業富聯在今日公告稱，擬通過全資子公司富聯科技（蘭考）有限公司以自有資金收購鴻海精密的全資子公司蘭考裕富精密科技有限公司持有的機器裝置（CNC 精雕機、拋光機、清洗機等）相關資產，交易價格

10個高效的學習方法：分塊記憶、間隔性重複等

對不起，我可能是那種你會討厭的人。因為我學東西總是很快，當別人為考試臨時抱佛腳時，我總是無憂無慮。年輕的我可能有點太自以為是了。但人們沒有看到的是，我在很早以前就已經投入了大量的時間去做對我有用的事，

16-jQuery類操作相關方法

技術標籤：# jQuery 1、程式碼 <!DOCTYPE html> <html lang="en"> <head>

PHP的反射動態獲取類方法、屬性、引數操作示例

本文例項講述了PHP的反射動態獲取類方法、屬性、引數操作。分享給大家供大家參考，具體如下：

Qt基礎開發之Qt檔案操作類QFile讀寫檔案的詳細方法與例項及QDataStream的使用方法

Qt檔案操作類QFile簡介 Qt中使用QFile類來操作檔案的輸入/輸出。繼承至QIODevice，QIODevice類是輸入/輸出裝置的基類，

Python之Pandas 相關操作03---常用方法總結速查

在這個速查手冊中，我們使用如下縮寫： df：任意的Pandas DataFrame物件 s：任意的Pandas Series物件

MSSQL系列（二）：表相關操作、列操作、（唯一、主鍵、預設、檢查、外來鍵、非空）約束、臨時表

1.建立表 --建立學生班級表 create table StuClass ( ClassId int primary key, --班級ID 主鍵約束

第040講：類和物件：一些相關的BIF

#搬運自FishC論壇,該系列已完結,共有00~96節，本人學習過程中的記錄等。 #FishC論壇：http://bbs.fishc.com/forum.php

檔案操作工具類：實現檔案的建立、刪除、複製、壓縮、解壓以及目錄的建立、刪除、複製、壓縮解壓等功能

public class FileUtils extends org.apache.commons.io.FileUtils {private static Logger logger = LoggerFactory.getLogger(FileUtils.class);/*** 複製單個檔案，如果目標檔案存在，則不覆蓋* @param srcFileNam

jq：樣式操作（返回css樣式屬性的值、修改屬性的值、設定樣式的方法）

1、操作css樣式（1）返回css樣式屬性的值 <!DOCTYPE html> <html> <head> <meta charset=\"utf-8\" />

09-jQuery操作類的相關方法：addClass、removeClass、toggleClass

jQuery操作類的相關方法

相關推薦