重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
JQUERY里的next()是下一节点的的意思
创新互联2013年至今,先为向阳等服务建站,向阳等地企业,进行企业商务咨询服务。为向阳企业网站制作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="#"社区/a/li
lia href="#"帮助中心/a/li
/ul
/ul
/body
/html
代码和你的一样,我的就可以。是不是你引入jquery的路径有错误?
还有你这样写jquery代码太烦琐了,可以简写成
$(function(){
$("#123a").mouseover(function(){
$(this).next("ul").show()
});
});
还有一点为民提高执行效率next("ul")可以写成next("#abc1")