.addClass()
　　為每個(gè)匹配的元素添加指定的樣式類名
　　.addClass(className)
　　　　className 為每個(gè)匹配元素所有增加的一個(gè)或多個(gè)樣式名
　　.addClass(function(index,currentClass))
　　　　函數(shù)返回一個(gè)或者多個(gè)用空格隔開， index 表示參數(shù)匹配中的索引位置 this 指向匹配元素集合中的當(dāng)前元素。
　　$("p").addClass("myClass yourClass"); 給p 這個(gè)元素添加這兩個(gè)類名樣式。
　　$("ul li:last").addClass(function(index){
　　　　return "item-" index;
　　}) 在最后一個(gè)<li> 元素上加上“item-1”樣式。

.css()
　　獲取匹配元素集合中的第一個(gè)元素的樣式屬性計(jì)算值或設(shè)置每一個(gè)匹配元素的一個(gè)或多個(gè)
　　css屬性。

　　.css(propertyName)
　　　　propertyName 一個(gè)css 屬性名 。 一個(gè)或者多個(gè)css 屬性組成的數(shù)組。
　　$(this).css("background-color"); 獲取當(dāng)前元素的背景顏色。
　　$(this).css(["width","height",color]) 獲取當(dāng)前元素的 寬 高 字體顏色。

　　.css(propertyName,value)
　　　　propertyName 一個(gè)css 屬性名。
　　　　value 設(shè)置這個(gè)css 的屬性值。
　　.css(propertyName,function)
　　　　propertyName 一個(gè)css 屬性名。
　　　　function 一個(gè)用來返回設(shè)置值的函數(shù)。this，是當(dāng)前元素。

　　$('div.example').css('width',function(index){
　　　　return index*50;
　　}) 設(shè)置一個(gè)匹配元素的寬度增加到較大的值。
　　$("p").mouseover(function(){
　　　　$(this).css("color","red");
　　}) 當(dāng)鼠標(biāo)經(jīng)過p 元素時(shí)文字變成紅色。
　　$("#box").one("click",function(){
　　　　$(this).css("width"," =200")
　　}) 增加#box 的寬度為200像素。

.hasClass()
　　確定任何一個(gè)匹配的元素是否有被分配給定的（樣式類）
　　.hasClass(className)
　　className 要查詢的樣式名。
　　$("#mydiv").hasClass("foo") 匹配的元素是否含有 foo這個(gè)樣式
　　如果有這個(gè)樣式那么就返回true 如果沒有那么就返回false

.removeClass()
　　移除匹配的元素上面的樣式。
　　.removeClass([className])
　　　　每個(gè)匹配元素移除的一個(gè)或者多個(gè)用空格隔開的樣式名。
　　$("p").removeClass("myClass yourClass")
　　.removeClass(function(index,class))
　　　　一個(gè)函數(shù)，返回一個(gè)或多個(gè)要移除的元素，index 所有匹配的元素集合中的當(dāng)前的元素。

.toggleClass()
　　在匹配的元素集合中的每個(gè)元素上切換樣式名
　　.toggleClass(className)
　　　　className 在匹配的元素集合中的每個(gè)元素上用來切換的一個(gè)或多個(gè)（用空格隔開）樣式類名。
　　.toggleClass(className,switch)
　　　　switch 一個(gè)布爾值，用于判斷樣式是否應(yīng)該被添加或移除。
　　.toggleClass([switch])
　　　　switch 一個(gè)用來判斷樣式類天添加還是移除的布爾值。

　　$('#foo').toggleClass(className,add0rRemove) 就等同于
　　if(add0rRemove){
　　　　$('#foo').addClass(className);
　　}else{
　　　　$('#foo').removeClass(className)
　　}

　　$("p").click(function(){
　　$(this).toggleClass("highlight");
　　　　//點(diǎn)擊當(dāng)前的p 標(biāo)簽的時(shí)候切換樣式。
　　})

更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的jquery 操作css 选择器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。