jQuery中next方法用法實例
更新時間：2015年04月24日 14:18:44 作者：秋風(fēng)秋雨
這篇文章主要介紹了jQuery中next方法用法,實例分析了jQuery中next方法的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下
本文實例講述了jQuery中next方法用法。分享給大家供大家參考。具體分析如下：
這里演示jQuery中next的用法，可取得一個包含匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合。
這個函數(shù)只返回后面那個緊鄰的同輩元素，而不是后面所有的同輩元素。
可以用一個可選的表達式進行篩選
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>next的用法</title>
<script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("span").click(function(){alert($("p").next(".selected").html());})
// $("p").next().html() 也可以
});
</script>
</head>
<body>
<p>Hello</p><p class="selected">這里的內(nèi)容將顯示</p><div>
<span>點我測試</span>
</div>
<!--取得一個包含匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合。
這個函數(shù)只返回后面那個緊鄰的同輩元素，而不是后面所有的同輩元素。
可以用一個可選的表達式進行篩選。
-->
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery使用手冊之二 DOM操作...2007-03-03
jQuery form插件之formDdata參數(shù)校驗表單及驗證后提交
Form Plugin API 里提供了很多有用的方法可以讓你輕松的處理表單里的數(shù)據(jù)和表單的提交過程,通過本文給大家介紹jQuery form插件之formDdata參數(shù)校驗表單及驗證后提交的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
jQGrid動態(tài)填充select下拉框的選項值(動態(tài)填充)
這篇文章主要介紹了jQGrid動態(tài)填充select下拉框的選項值(動態(tài)填充)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
很多網(wǎng)站上都有返回頂部的效果，本文闡述如何使用jquery實現(xiàn)返回頂部按鈕,需要的朋友可以參考下2012-12-12
下面小編就為大家?guī)硪黄钊肜斫鈐query跨域請求方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本文主要是通過具體實例分析jQueryUI里拖拽排序問題，十分的實用，這里推薦給小伙伴們。2015-02-02
使用jQuery實現(xiàn)Web頁面換膚功能的要點解析
網(wǎng)頁換膚的實質(zhì)就是切換CSS樣式,關(guān)鍵是給用戶做出點擊切換的功能以及換膚完成之后的緩存記錄功能,下面我們就來看一下使用jQuery實現(xiàn)Web頁面換膚功能的要點解析:2016-05-05
將代碼一一拷貝到頁面相應(yīng)的位置，然后記得調(diào)用jquery框架，展示條件有限，所以效果跟設(shè)計圖有出入，但實現(xiàn)原理是一樣的，歡迎大家多多交流！2010-06-06
html文件中jquery與velocity變量中的$沖突的解決方法
在使用velocity模版引擎的環(huán)境下，使用jquery時其中$與velocity變量中的$沖突，下面有個不錯的解決方法，感興趣的朋友可以參考下2013-11-11
jQuery中.attr()和.data()的區(qū)別分析
$.attr()和$.data()本質(zhì)上屬于 DOM屬性 和 Jquery對象屬性 的區(qū)別。下面通過一個示例給大家介紹jQuery中.attr()和.data()的區(qū)別，一起看看吧2017-09-09