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