16-jQuery類操作相關方法

阿新 • • 發佈：2020-12-10

技術標籤：# jQuery

1、程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>16-jQuery類操作相關方法</title>
    <script src= 
"https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .class1{
            width: 100px;
            height: 100px;
            background: red;
        }

        .class2{
            border: 
 10px solid #000000;
        }
    </style>
    <script>
        $(function(){
            /*
            1、addClass(class|fn)
            作用：新增類。
            如果要新增多個類，用空格隔開。

            2、removeClass([class|fn])
            作用：刪除類
            如果要刪除多個類，用空格隔開。

            3、toggleClass(class|fn[,sw])
            作用：切換類
            有就刪除，沒有就新增。
            */ 

            var btn=document.getElementsByTagName("button");
            btn[0].onclick=function(){
                //$("div").addClass("class1");
                //$("div").addClass("class2");
                $("div").addClass("class1 class2");
            }
            btn[1].onclick=function(){
                //$("div").removeClass("class2");
                $("div").removeClass(" class1 class2");
            }
            btn[2].onclick=function(){
                $("div").toggleClass(" class1 class2");
            }
        })
    </script>
</head>
<body>
    <button>新增類</button>
    <button>刪除類</button>
    <button>切換類</button>
    <div></div>
</body>
</html>

2、顯示頁面

1、新增類
在這裡插入圖片描述

2、刪除類

16-jQuery類操作相關方法

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

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

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

jquery類操作

<!DOCTYPE html> <html> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">

Java資料庫操作庫DButils類的使用方法與例項詳解

DbUtils是Javar的一個為簡化JDBC操作類庫 commons-dbutils是Apache組織提供的一個開源JDBC工具類庫，它是對JDBC的簡單封裝，學習成本極低，並且使用dbutils能極大簡化jdbc編碼的工作量，同時也不會影響程式的效能。因

Python基礎彙總003--Python面向物件即類(Class)相關的知識點彙總---類的定義、物件的建立和使用、類的屬性和方法

1.類和物件的基本概念面向物件的思想中提出了兩個概念，即類和物件。類是對某一類事物的抽象描述，是一種抽象的資料型別，一種模板。而物件用於表示現實中該類事物的個體，也就是具體化了類的描述。它們的關係是，物

PHP操作Redis相關方法大全

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

EKT相關知識（Class類物件的方法補充）

|class類物件的方法補充| 一.獲得Class類的物件的四種方式： 1.getClass 2. .class 3. Class.forName()

如何使用jQuery操作Cookies方法解析

Cookies 　　定義：讓網站伺服器把少量資料儲存到客戶端的硬碟或記憶體，從客戶端的硬碟讀取資料的一種技術；

基於IntelliJ IDEA的類註釋和方法註釋操作

效果圖如下：類註釋：方法註釋： idea不會預設幫我們設定，所以需要手動設定。

常用 js 操作日期類自定義方法原生 <input type="date" /> 日期格式化日期設定獲取指定天數後的日期

<!DOCTYPE HTML><html lang=\"en\" xmlns:th=\"http://www.thymeleaf.org\"><head><title></title><meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"/>