html css remove,CSS類別操作--.removeClass()

CSS類別操作--.removeClass()

詳細內容

發佈：2013-08-05, 週一 21:17

點擊數：1822

JQuery:CSS類別操作--.removeClass()：

.removeClass()方法可以為匹配的元素移除原有的CSS類別。此方法只能單純的移除元素中的CSS類別。可與.addClass()合用，進行CSS類別的移除與新增。

.removeClass( [className ] )

className：要移除的CSS類別名稱，可以是一個或多個用空白間隔開來的CSS類別名稱。

.removeClass( function(index, class) )

function：function 是個回呼函式，JQuery會為每個匹配的元素呼叫一次該函式，並且將該函式傳回的值當成CSS類別名稱，傳回值可以是一個類別名稱或是多個由空白間隔開的類別名稱。而這些類別名稱會被從該元素中移除。另外，此function中的this會指向當時正在處理的匹配元素。

index：回呼函式的傳入值，JQuery會將匹配索引以此參數傳入，代表第幾個匹配元素。

currentClass：回呼函式的傳入值，代表目前元素所擁有中的CSS類別。

CSS類別操作--.removeClass()的範例：

addClass範例

.red {

background: red;

}

紅色背景1

紅色背景2

紅色背景3

$( "div" ).removeClass(function(index,cc){

if(index==0){

return "red";

}

if(index==1){

return;

}

if(index==2){

return "red";

}

}) ;

容易誤會的地方：

第二種語法用到的是回呼函式，千萬別以為他的傳回值是類別字串，所以就跟第一種語法一樣。或許會有相同的結果，可是其實有本質上的差異。要記住第一種語法的傳入參數是字串，而第二種語法的參數是一個函式。試試看能不能分辨出這三行程式的差異在哪裡？如果你覺得都一樣，或許你該多了解一下函式實字與回呼函式。好吧，其實結果都一樣，只是過程不一樣。

function red(){return "red";}

//第一種語法。

$( "div" ).removeClass("red");

//第一種語法，呼叫red()函式，然後將函式的傳回值當成removeClass的傳入參數。

$( "div" ).removeClass(red());

//第二種語法，將red函式當成輸入參數傳遞給removeClass

$( "div" ).removeClass(red);

按個讚!~支持本站!~

html css remove,CSS類別操作--.removeClass()相关推荐

用HTML+CSS跟简单的js操作完成响应式星巴克首页
前言一个简单的响应式页面,非常适合网页设计,html期末大作业. 如过觉得对你有帮助请关注小编,你的支持是我更新的动力,爱你! 一.成品展示二.代码部分 1.html+简单js <!DOCT ...
HTML中设置鼠标悬停状态伪类,四大伪类,css鼠标样式设置,reset操作,静止对文本操作...
本文将要为您介绍的是四大伪类,css鼠标样式设置,reset操作,静止对文本操作,教程操作方法:07.31自我总结一.a标签的四大伪类 a:link{样式} 未访问时的状态(鼠标点击前显示的状态) ...
利用JavaScript对HTML和CSS实现简单的动态操作
假如我们现在想通过JS对原本的HTML或者CSS的内容或样式进行改变,比如说显示或隐藏内容.弹出各类对话框.改变内容的property.打开关闭窗口等等,我们应该怎么做呢? 首先我们先了解几个常用的J ...
ReportViewer 類別
封裝用於 ReportViewer 控制項的方法和屬性. 繼承階層架構 Object Control WebControl CompositeControl M ...
Bootstrap笔记(十二) 常用類別 - 色彩
常用類別 - 色彩文字色彩背景色彩文字色彩 Bootstrap提供以下類別用來設定文字色彩 : 範例: 文字色彩不同的文字色彩類別會呈現不同的文字色彩,其中最後一行在 .text-black ...
css检测,CSS检测工具 CSS Lint简介
Nicholas C. Zakas最近发布了CSS Lint,旨在检测CSS代码中存在的各种问题,从而写出更高效的CSS. CSS Lint现有的一些规则: 修复解析错误(Parsing errors ...
CSS Reset(css的初始化)
不同的浏览器对每种的标签都有默认的样式.大部分浏览器的样式还有点区别.为了保证让所有的标签的样式清零,也就是重置,以便于我们后续的开发和管理,一般都会在网站一开始对所有的标签做一下样式的重置操作,为 ...
43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
在中国,很多前端javascript:;" onClick="javascript:tagshow(event, '%BF%AA%B7%A2');" target=&qu ...
jquery中的css函数css(name)、css(key,value)、css(properties)、css(key,fn)
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery通过css函数操作元素样式 jquery的css函数,包括css(name).css(key,value ...
C++ 字元陣列(C-style)、字元指標、String類別使用方式整理
(一)字元陣列(C-style)的宣告與使用: 第一種:char str[] = {'h','e','l','l','o','\0]}; 第二種:char str[] = "hello&qu ...

html css remove,CSS類別操作--.removeClass()

html css remove,CSS類別操作--.removeClass()相关推荐

最新文章

热门文章