jquery next()方法使用程式碼例項
本章節分享一段程式碼例項,它簡單演示了next()方法的使用。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("span").click(function(){ alert($("p").next(".selected").html()); }) }); </script> </head> <body> <p>螞蟻部落</p> <p class="selected">url地址是softwhy.com</p> <div> <span>點選測試</span> </div> </body> </html>
關於next()方法的功能介紹可以參閱jQuery next()方法一章節。
相關文章
- jQuery next()方法程式碼例項jQuery
- jQuery.map()方法程式碼例項jQuery
- jQuery toggleClass()方法程式碼例項jQuery
- jQuery is() 程式碼例項jQuery
- jQuery使用css()方法改變元素樣式程式碼例項jQueryCSS
- jQuery css()函式使用程式碼例項jQueryCSS函式
- jquery使用each()方法遍歷json資料程式碼例項jQueryJSON
- jQuery選項卡例項程式碼jQuery
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- jQuery事件冒泡程式碼例項jQuery事件
- 修改或者擴充套件jQuery的方法程式碼例項套件jQuery
- javascript模擬jQuery的map()方法程式碼例項mapJavaScriptjQuery
- jquery 驗證碼效果程式碼例項jQuery
- jQuery阻止事件冒泡程式碼例項jQuery事件
- 阻止jquery事件冒泡程式碼例項jQuery事件
- jquery tip外掛程式碼例項jQuery
- jquery小球碰撞效果程式碼例項jQuery
- jQuery許願牆程式碼例項jQuery
- jQuery操作表格table程式碼例項jQuery
- jQuery阻止事件冒泡例項程式碼jQuery事件
- jQuery清除快取例項程式碼jQuery快取
- jQuery tab選項卡效果程式碼例項jQuery
- jQuery加法驗證碼效果程式碼例項jQuery
- angularJS的$attrs方法使用程式碼例項AngularJS
- call()和apply()方法使用程式碼例項APP
- jQuery 隔行變色效果程式碼例項jQuery
- jQuery禁用滑鼠右鍵程式碼例項jQuery
- jQuery解析xml檔案程式碼例項jQueryXML
- jquery防止重複提交程式碼例項jQuery
- jquery刪除指定元素程式碼例項jQuery
- jquery獲取元素高度程式碼例項jQuery
- jQuery ajax請求程式碼例項分享jQuery
- jQuery隔行變色效果程式碼例項jQuery
- jQuery自定義標籤程式碼例項jQuery
- jQuery雪花飄落效果程式碼例項jQuery
- jQuery進度條效果程式碼例項jQuery
- jquery漸隱漸現程式碼例項jQuery