科技知識動態:jQuery中removeClass()方法用法實例_jquery

導讀跟大家講解下有關jQuery中removeClass()方法用法實例_jquery,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說jQuery中remove

跟大家講解下有關jQuery中removeClass()方法用法實例_jquery,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說jQuery中removeClass()方法用法實例_jquery,小編也收集到了有關jQuery中removeClass()方法用法實例_jquery的相關資料,希望大家看到了會喜歡。

本文實例講述了jQuery中removeClass()方法用法。分享給大家供大家參考。具體分析如下:

此方法從匹配元素刪除一個或多個類。根據方法參數的不同,有以下幾種語法結構。

語法結構一: 方法沒有參數。把匹配元素所有的類都移除。復制代碼 代碼如下:$(selector).removeClass()

實例代碼:

代碼可以將div的所有css類刪除。

復制代碼 代碼如下:removeClass()函數-腳本之家.font{ font-size:18px; color:yellow}.bg{ background:#336;}腳本之家歡迎您點擊查看效果

語法結構二:

移除匹配元素中指定的類復制代碼 代碼如下:$(selector).removeClass(class) 參數 描述 class 一個或多個要刪除的CSS類名。類名之間用空格分隔。

實例代碼:

實例一:

復制代碼 代碼如下:removeClass()函數-腳本之家.font{ font-size:18px; color:yellow}.bg{background:#336;} 腳本之家歡迎您 點擊查看效果

移除一個指定的類。

實例二:

復制代碼 代碼如下:removeClass()函數-腳本之家.font{ font-size:18px; color:yellow}.bg{background:#336;}腳本之家歡迎您點擊查看效果

移除兩個CSS類,類名之間用空格分隔。

語法結構三:復制代碼 代碼如下:$(selector).removeClass(function(index,oldclass))函數返回要移除的類名。

參數列表: 參數 描述 function(index,oldclass) 方法返回一個或多個空格分隔的要被移除的class名。 index - 可選,接受選擇器的index 位置。 oldclass - 可選,接受選擇器的原有類值。

實例代碼:

實例一:

復制代碼 代碼如下:removeClass()函數-腳本之家.font{ font-size:18px; color:yellow}.bg{background:#336;} 腳本之家歡迎您 點擊查看效果

用函數作為參數,函數返回一個要刪除的CSS類名。

實例二:

復制代碼 代碼如下:removeClass()函數-腳本之家.font{ font-size:18px; color:yellow}.bg{background:#336;}腳本之家歡迎您點擊查看效果

用函數作為參數,函數返回兩個要刪除的CSS類名,類名之間用空格分隔。

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!