jQuery prev + next
此選擇器匹配緊跟在prev元素後的next元素。
prev選擇器匹配的元素和next匹配的元素是同級,並且兩個元素緊鄰。
jQuery1.0版本新增。
語法結構:
[PHP] 純文字檢視 複製程式碼jQuery( "prev + next" )
引數解析:
(1).prev:任何有效的選擇器。
(2).next:用於篩選緊跟在 "prev" 後面的元素的選擇器。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> * { margin:0px; padding:0px; } input { position:absolute; left:50%; margin-left:-200px; } #box { width:400px; margin:0px auto; } ul { list-style:none; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function () { $("p + div").css("color","green") }) }) </script> </head> <body> <div id="box"> <p>螞蟻部落一</p> <div>螞蟻部落二</div> <div>螞蟻部落三</div> </div> <input type="button" value="檢視效果" id="bt"/> </body> </html>
以上程式碼能夠將緊跟p元素後面的div字型顏色設定為綠色。
相關文章
- jQuery prev()jQuery
- jQuery prev ~ siblingsjQuery
- jQuery next()jQuery
- .增加兩個按鈕(prev,next)實現問題的遍歷
- jQuery nextUntil()jQuery
- jQuery nextAll()jQuery
- jQuery next()方法程式碼例項jQuery
- jquery next()方法使用程式碼例項jQuery
- yield next和yield* next的區別
- # Scanner:區別next和nextLine
- On Error Resume NextError
- next-route
- next_permutation
- Next.js+React聊天室|Next仿微信桌面端|next.js聊天例項JSReact
- eslint-disable-next-line to ignore the next lineEsLint
- 筆記-nextTick筆記
- hexo next主題Hexo
- OpenSourceNextGenerationIntrusionDetectionandPreventionEngineNaN
- 090 $nextTick
- jQuery初探:自制jQueryjQuery
- Hexo+NexT(零):最全Hexo+Next搭建部落格教程Hexo
- Next.js踩坑入門系列(一)— Hello Next.js!JS
- 00022.08 Scanner的next()和nextLine()區別
- KMP演算法的next、next value陣列的手工計算KMP演算法陣列
- 我的’jQuery’和jQueryjQuery
- 我的''jQuery''和jQueryjQuery
- 【Jquery】jquery 基本的動畫jQuery動畫
- 【Jquery】jquery 自定義動畫jQuery動畫
- nextcloud個人雲搭建Cloud
- vue中的nextTickVue
- Vue.nextTick()理解Vue
- ResultSet.next() 慢定位
- Vue 之 nextTick 原理Vue
- 鳥哥:PHPNext:JITPHP
- Vue nextTick 機制Vue
- OutOfOrderScannerNextException:wastherearpctiExceptionASTRPC
- MySQL Next-Key LockMySql
- next_permutation函式函式