jQuery中prevAll()方法用法實(shí)例
更新時(shí)間：2015年01月08日 09:35:20 投稿：shichen2014
這篇文章主要介紹了jQuery中prevAll()方法用法,實(shí)例分析了prevAll()方法的功能、定義及查找匹配元素集合之前所有同輩元素的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中prevAll()方法用法。分享給大家供大家參考。具體分析如下：
此方法查找匹配元素集合之前所有的同輩元素。
同輩元素集合可以通過選擇器進(jìn)行篩選。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$("selector").prevAll(expr)
參數(shù)列表:
實(shí)例代碼:
實(shí)例一:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<style type="text/css">
.father{
height:200px;
width:200px;
border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".father div").prevAll().css("color","blue")
})
</script>
</head>
<body>
<div class="father">
<p>我是p元素</p>
<span>我是span元素</span>
<p>我是p元素</p>
<div>我是div元素</div>
</div>
</body>
</html>
實(shí)例二:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<style type="text/css">
.father{
height:200px;
width:200px;
border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".father div").prevAll("span").css("color","blue")
})
</script>
</head>
<body>
<div class="father">
<p>我是p元素</p>
<span>我是span元素</span>
<p>我是p元素</p>
<div>我是div元素</div>
</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于jquery實(shí)現(xiàn)可定制的web在線富文本編輯器附源碼下載
UEditor的功能非常強(qiáng)大，官方已配備了php,asp,asp.net,java等語言的上傳程序，拿來就可以使用，當(dāng)然ueditor更具有功能插件接口，很輕松地添加自己定義功能到編輯器中，方便項(xiàng)目的不同需求2015-11-11
這篇文章主要介紹了JQuery選擇器、過濾器大整理,經(jīng)過一晚上的查找整理,終于整理出一套應(yīng)該算最全面的JQuery選擇過濾器的方法了,需要的朋友可以參考下2015-05-05
jquery實(shí)現(xiàn)頁面圖片等比例放大縮小功能
本文將利用jquery實(shí)現(xiàn)頁面圖片等比例放大和縮小。說明: 頁面中經(jīng)常需要將未知大小的圖片展示在有限的空間里, 如果直接指定圖片的width和height值, 就有可能造成圖片走樣, 這段代碼就是為解決這個(gè)問題設(shè)計(jì)2014-02-02
由于項(xiàng)目原因，需要實(shí)現(xiàn) 點(diǎn)擊按鈕后，顯示友好的 loading 信息，并且為模態(tài)的。2010-08-08
當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí)跟隨鼠標(biāo)顯示放大的圖片效果
當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí)，跟隨鼠標(biāo)顯示放大顯示的圖片，具體效果情況截圖，另附送源碼，感興趣的朋友可以學(xué)習(xí)下哈2013-06-06
這篇文章主要介紹了Jquery.datatables 學(xué)習(xí)筆記之自定義button按鈕,需要的朋友可以參考下2014-06-06
jQuery插件FusionWidgets實(shí)現(xiàn)的Cylinder圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionWidgets實(shí)現(xiàn)的Cylinder圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionWidgets結(jié)合swf文件讀取xml數(shù)據(jù)并采用Cylinder圖展示的相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
下面小編就為大家?guī)硪黄猨Query數(shù)組處理函數(shù)整理。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
jQuery+css3實(shí)現(xiàn)文字跟隨鼠標(biāo)的上下抖動(dòng)
這篇文章主要介紹了jQuery+css3實(shí)現(xiàn)文字跟隨鼠標(biāo)的上下抖動(dòng)的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jQuery禁用鍵盤后退、屏蔽F5刷新、禁用右鍵單擊功能等快捷方法，感興趣的小伙伴們可以參考一下2016-01-01