JQUERY里的next()是下一節(jié)點的的意思
創(chuàng)新互聯(lián)2013年至今,先為向陽等服務建站,向陽等地企業(yè),進行企業(yè)商務咨詢服務。為向陽企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
你的$("p")在HTML里有兩個,所以得出來的結果是分別輸出兩次:
第一個P 輸出 :pHello Again/p,
第二個p輸出 :divspanAnd Again/span/div
別外next()也可能這樣 $("p").next("div"),指p的下一個DIV,那么就輸出:divspanAnd Again/span/div ,不過你HTML里有兩個p那就輸出兩次這東西了
1、.next()方法定義和用法
next()?獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器,則取回匹配該選擇器的下一個同胞元素。
2、.children()方法定義和用法
children()方法返回匹配元素集合中每個元素的子元素,添加可選參數可通過選擇器進行過濾。
3、根據定義可以總結出:next是選擇兄弟元素,children是選擇子元素。
實例:
div?id="div1"
div?id="children"/div
/div
div?id="div1Next"/div
script?type="text/javascript"
$("#div1").children();//拿到的是div1的子元素(id為children的元素)
$("#div1").next();//拿到的是id為div1Next的兄弟元素,等同于$("#div1Next")
/script
當前元素同級的下一個元素.
div
div id='test'/div
div/div
/div
例如你取得是test,next就指向下一個了、
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns="" xml:lang="en"
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /
title/title
style type="text/css"
#abc1{display:none;}
/style
script type="text/javascript" src="jquery-1.4.4.min.js"/script
script type="text/javascript"
$(function(){
$("#123a").mouseover(function(){
var objL;
objL = $(this);
objL.next("ul").show();
});
});
/script
/head
body
ul
li1231241/li
li id="123a"a href="#"注冊/a/li
ul id="abc1"
lia href="#"注冊/a/li
lia href="#"登陸/a/li
lia href="#"我的豬窩/a/li
lia href="#"社區(qū)/a/li
lia href="#"幫助中心/a/li
/ul
/ul
/body
/html
代碼和你的一樣,我的就可以。是不是你引入jquery的路徑有錯誤?
還有你這樣寫jquery代碼太煩瑣了,可以簡寫成
$(function(){
$("#123a").mouseover(function(){
$(this).next("ul").show()
});
});
還有一點為民提高執(zhí)行效率next("ul")可以寫成next("#abc1")
本文標題:包含jquerynext的詞條
標題鏈接:http://vcdvsql.cn/article22/dsdijjc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供、標簽優(yōu)化、面包屑導航、自適應網站、網站導航、微信小程序
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)