|
本文實例講述了jQuery中prev()方法用法,。分享給大家供大家參考,。具體分析如下： 此方法取的匹配元素集合中每個元素緊鄰的前一個同輩元素。 語法結(jié)構(gòu): $(selector).prev(expr)
參數(shù)列表: 實例代碼: 實例一: <!DOCTYPE html> <html> <head> <meta charset=' utf-8'> <meta name='author' content='http://www.jb51.net/' /> <title>prev()函數(shù)-腳本之家</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 p').prev().css('color','blue') }) </script> </head> <body> <div class='father'> <p>我是p元素</p> <span>我是span元素</span> <p>我是p元素</p> <div>我是div元素</div> </div> </body> </html> 以上代碼可以將class屬性值為father元素下的p元素集合中每一個p元素前一個元素的字體顏色設(shè)置為藍(lán)色,。 實例二: <!DOCTYPE html> <html> <head> <meta charset=' utf-8'> <meta name='author' content='http://www.jb51.net/' /> <title>prev()函數(shù)-腳本之家</title> <script type='text/javascript' src='mytest/jQuery/jquery-1.8.3.js'></script> <script type='text/javascript'> $(document).ready(function(){ $('li').prev('.js').css('color','red'); }) </script> </head> <body> <div> <ul> <li>HTML專區(qū)</li> <li class='js'>Javascript專區(qū)</li> <li>Div Css專區(qū)</li> <li>Jquery專區(qū)</li> </ul> </div> </body> </html> 以上代碼可以將所有l(wèi)i元素集合中每一個li元素前面class屬性值為js的元素的字體顏色設(shè)置為紅色,。 希望本文所述對大家的jQuery程序設(shè)計有所幫助,。 |
|
|
