jquery中next()是什么意思

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那就输出两次这东西了

Jquery中next和children的区别

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

jquery中的next()什么意思？

当前元素同级的下一个元素.

div

div id='test'/div

div/div

/div

例如你取得是test,next就指向下一个了、

jquery中.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")

分享文章：包含jquerynext的词条
标题路径：http://kswjz.com/article/dsdijjc.html