2. 程式人生 > >jQuery類的操作相關方法

jQuery類的操作相關方法

阿新 • • 發佈：2018-10-31

addClass:給指定元素新增類，如果新增多個，用空格隔開

removeClass:給指定元素刪除類，如果刪除多個，用空格隔開

toggleClass:切換類，如果有這個類就刪除，沒有就新增這個類

程式碼如下

<html>

<head>
<title></title>
</head>
    <style>
        .class1{
            width:100px;
            height:100px;
            background:red;
        }
        .class2{
            background:yellow;
        }
    
 
</style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        
        $(function(){
            $('div').addClass('class1')      //新增class1
            $('div').removeClass('class1')   //刪除class1
            //$('div').addClass('class1 class2')   //新增多個類
 

            //$('div').removeClass('class1 class2') //刪除多個類
            $('div').toggleClass('class1')   //有class1這個類，就刪除，沒有就新增
        })
        
    </script>
    
<body>
    <div></div>
</body>
</html>

程式碼最終顯示效果是class1這個類有，是通過$('div').toggleClass('class1') 新增的

 

相關推薦

jQuery類的操作相關方法

addClass:給指定元素新增類，如果新增多個，用空格隔開 removeClass:給指定元素刪除類，如果刪除多個，用空格隔開 toggleClass:切換類，如果有這個類就刪除，沒有就新增這個類 程式碼如下 <html> <head> <title>&l

Object類及相關方法

詳解Object類 RealFather 取得物件資訊-------toString () 物件比較--------equals() 接收引用資料型別

java file檔案類操作使用方法大全

1、建構函式 public class FileDemo { public static void main(String[] args){ //建構函式File(String pathname) File f1 =new File("c:\\zuidai

Arrays 類的相關方法使用，陣列的拷貝，排序，二分法

陣列常見操作 陣列的拷貝 1.Arrays.copyOf(cope, 2)，2為新陣列的個數。 2. system類裡也包含了一個 arraycopy()方法 System.arraycopy(src, srcPos, dest, destPos, length); 

jQuery中的DOM操作——總結了相關DOM操作的方法

DOM是一種與瀏覽器，平臺，語言無關的介面，使用該介面可以輕鬆的訪問頁面中所有的標準組件，它給予了web設計師和開發者一套標準的方法，讓他們能夠輕鬆的獲取和操作網頁中的資料，指令碼和表現層物件。 DOM操作的分類 分為三個方面：DOM Core（核心）, HTML-DO

jquery14 on() trigger() : 事件操作的相關方法

t對象 glob lob code 屬性 tor con body title <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="tex

jQuery 學習03——HTML：捕獲、設置、添加元素、刪除元素、CSS類、CSS()方法、尺寸

baidu bject 字段 document color 一個 元素 顯示 cnblogs jQuery - 獲取內容text()、html() 以及 val()和屬性attr() jQuery 中非常重要的部分，就是操作 DOM 的能力。 DOM = Document

js(jQuery)獲取時間的方法及常用時間類（轉）

tin isnan gettime max etsec 信息 eva bsp 分割 轉自：http://blog.csdn.net/weiming8517/article/details/25604551 感謝作者分享$(function(){ var mydate =

jQuery使用serialize(),serializeArray()方法取得表單數據+字符串和對象類型兩種表單提交的方法

var fun .ajax clas copy art 表單提交 post 姓名 轉載自： http://blog.csdn.net/zqtsx/article/details/28655717 原始form表單值獲取方式(手動)： [javascript] v

web前端【第十二篇】jQuery文檔相關操作

scroll 知識點 eight 查看 for otto fix jquer utf-8 一、相關知識點總結1、CSS .css() - .css("color") -> 獲取color css值 - .css("color", "#ff

Thread類相關方法

thread類 CP 沒有效果 不能識別 run 可用 interrupt 一個 線程的創建 線程對象 每一個線程都是和類Thread的實例相關聯的。在Java中，有兩種基本的使用Thread對象的方式，可用來創建並發性程序。 1.在應用程序需要發起異步任務的時候，只要生

常用密碼加密解密操作相關類

buffer mode [] from emd right md5 加密 mqx iis6 /// <summary> /// 密碼加密解密操作相關類 /// </summary> public static cla

jQuery相關方法2

dcl AD 鏈式 鍵值 方法 編程 clas 概念 編程） 一、元素樣式設置的方式（css，json鍵值對，鏈式編程） 二、鏈式編程（概念，前提，經驗） 三、元素添加樣式（addClass） 四、元素移除樣式 五、案例：網頁開關燈 六、獲取兄弟元素的方法 七、案例：操作當

jQuery相關方法10

info 同時 col inpu 進入 http 邊框 屬性 font 一、鏈式編程的原理 <script> //構造函數 function Person(age){ this.age=age;

python selenium系列（三）常用操作類型及方法

term src 依次 and cto color 自動化 off value 一 前言開展WEB UI自動化的核心思路，無非就是找到元素，然後操作元素這兩個內容。在python selenium系列（二）元素定位方式一文中，已經介紹了如何找到元素這項技能，本文將介紹第二項

String類及相關各種方法

String類 String類的兩種例項化方式 字串相等比較 解釋String類“==”與“equals”的區別 String類兩種例項化區別 字串常量不可變更

jQuery中效果相關的方法

1.隱藏和顯示 hide()和show()方法 分別是隱藏和顯示效果 可以傳兩個引數：第一個是時間，第二個是回撥函式 toggle是()是切換顯示與隱藏效果 2.淡入和淡出 fadeIn() //淡入 fadeOut() //淡出 fadeToggle() //切換淡入和淡出 fadeTo(

Jquery 操作 checkbox 方法（全選，取消全選，取值）

$("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全選 }) $("#btn2").click(function(){

String類的操作的方法-am

1：字元和字串之間的方法 ps：系統方法的實現的部分，不要求記住（當然具體的實現的演算法可以檢視原始碼） 對於一個系統提供的方法我們需要關注的是，我們使用它幹什麼，輸入什麼（引數列表），名字是什麼（呼叫方法的名），返回值是什麼（處理的結果）。 //首先是將字元轉換為字串 pu

手把手教你ExtJS從入門到放棄——篇二十四(示例21:Ext.dom.Element類中操作樣式方法詳解）

只挑幾個講解： applyStyle:引數可以是如下形式,也可以是物件形式：物件的屬性為樣式如{width:300px},或者是個方法，返回值形式為 前面兩種 setStyle:跟jquery裡的css方法一樣，第一個引數是樣式屬性的key，第二個是值