jquery中用函數(shù)來設(shè)置css樣式
更新時間：2016年12月22日 10:58:32 作者：問道情
本文主要對jquery中用函數(shù)來設(shè)置css樣式的方法進(jìn)行詳細(xì)介紹，具有很好的參考價值，下面就跟小編一起來看下吧
1.jquery語法
$(selector).css(name,function(index,value))
name：必需。規(guī)定 CSS 屬性的名稱
function(index,value) ：
規(guī)定返回CSS屬性新值的函數(shù)。
- index - 可選。接受選擇器的index位置
- value - 可選。接受CSS屬性的當(dāng)前值
2.function(index,value)的用途
相當(dāng)于對通過選擇符“selector”選擇到的所有對象進(jìn)行一次遍歷，并設(shè)置相應(yīng)的css屬性值，其中index和value這兩個參數(shù)可有可無。
如果直接引用已有的函數(shù)，如下：
//函數(shù)colorStr()為td標(biāo)簽的背景色提供一個隨機(jī)的背景色
$("td").css("background-color",colorStr());
//上面的代碼就相當(dāng)于直接給所有td背景色賦同一個顏色值，就像下面的代碼
$("td").css("background-color","green");
以上情況不會遍歷td對象，而會將所有的td設(shè)置成一樣的顏色，如下圖,都變成了綠色
如果通過function遍歷就會將每個td背景色設(shè)置成不一樣的顏色，代碼如下：
//通過function函數(shù)調(diào)用colorStr函數(shù)，從而遍歷所有的td標(biāo)簽，使每個td的背景色都不一樣
$("td").css("background-color",function(){return colorStr()});
效果圖如下：
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
jQuery實現(xiàn)鼠標(biāo)移到元素上動態(tài)提示消息框效果
當(dāng)光標(biāo)移動到某些元素上時，會彈出像tips的提示框，這種效果想必大家都有見到過吧，下面有個不錯的示例，大家可以感受下2013-10-10
jquery插件uploadify多圖上傳功能實現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jquery插件uploadify多圖上傳功能實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
checkbox想必大家對這個控件并不陌生吧，畢竟在網(wǎng)頁制作過程中經(jīng)常會使用到，下面與大家分享個示例主要介紹checkbox的使用，感興趣的朋友可以參考下2013-08-08
這篇文章主要給大家介紹了關(guān)于如何選擇jQuery版本，是1.x? 2.x?還是3.x? 在選擇使用jquery之前我們常常會考慮jQuery應(yīng)該選擇什么版本?現(xiàn)在jquery一般用什么版本以及jquery ie8的兼容版本和jquery什么版本穩(wěn)定等問題，下面通過這篇文章來看看詳細(xì)的介紹吧。2017-04-04
Query常用DIV操作獲取和設(shè)置長度寬度的實現(xiàn)方法
下面小編就為大家?guī)硪黄猀uery常用DIV操作獲取和設(shè)置長度寬度的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
Jquery截取中文字符串的實現(xiàn)代碼，需要的朋友可以參考下。2010-12-12
本文給大家分享的是使用原生JS和JQ兩種方法分別實現(xiàn)相同的圖片輪播特效，十分的實用，也非常方便大家對比學(xué)習(xí)原生js和jQuery，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要介紹了一個實用的圖片切換支持點擊切換和自動輪播，經(jīng)測試效果相當(dāng)不錯，需要的朋友可以參考下2014-09-09
這篇文章主要介紹了jQuery對html元素的取值與賦值,較為詳細(xì)的分析了jQuery針對常見html元素的獲取與賦值技巧,非常簡單實用,需要的朋友可以參考下2015-12-12
本文給大家分享的是作者在自己的博客上使用jQuery+ajax實現(xiàn)實用的點贊插件代碼，這里推薦給大家，希望對大家能夠有所幫助。2016-07-07