- 相關(guān)推薦
jQuery中prev()方法用法
jQuery中prev()方法用法
此方法取的匹配元素集合中每個(gè)元素緊鄰的前一個(gè)同輩元素。
同輩元素集合可以通過(guò)選擇器進(jìn)行篩選。
語(yǔ)法結(jié)構(gòu):
復(fù)制代碼 代碼如下:$(selector).prev(expr)
參數(shù)列表:
參數(shù) 描述 expr 可選。用于篩選前一個(gè)同輩元素的表達(dá)式
實(shí)例代碼:
實(shí)例一:
復(fù)制代碼 代碼如下:
.father{
height:200px;
width:200px;
border:1px solid blue;
}
$(document).ready(function(){
$(".father p").prev().css("color","blue")
})
我是p元素
我是span元素
我是p元素
我是div元素
以上代碼可以將class屬性值為father元素下的p元素集合中每一個(gè)p元素前一個(gè)元素的字體顏色設(shè)置為藍(lán)色。
實(shí)例二:
復(fù)制代碼 代碼如下:
$(document).ready(function(){
$("li").prev(".js").css("color","red");
})
HTML專區(qū)
Javascript專區(qū)
Div+Css專區(qū)
Jquery專區(qū)
以上代碼可以將所有l(wèi)i元素集合中每一個(gè)li元素前面class屬性值為js的元素的字體顏色設(shè)置為紅色。
【jQuery中prev()方法用法】相關(guān)文章：
jQuery中parent()和siblings()的問(wèn)題03-29
關(guān)于jQuery實(shí)現(xiàn)高亮顯示的方法介紹03-29
asp.net+jquery Jsonp使用方法介紹03-29
關(guān)于jquery簡(jiǎn)單圖片切換顯示效果實(shí)現(xiàn)方法介紹03-29
粵語(yǔ)中“好”字的用法03-18