大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
他要选取紧邻当前元素的下一个同辈元素.
专注于为中小企业提供成都网站设计、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业大箐山免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了超过千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
看jq的api.
71850188
这个是jq的中文群.群共享里面有jq的api
一、jQuery的语法结构
jQuery语句主要包含三大部分:$()、document和ready()分别被称为工厂函数、选择器、方法
语法:$(selector).action();
二、DOM里的节点通常分为3种类型:元素节点、文本节点、属性节点
三、为DOM元素添加样式可以使用addClass()方法和css()方法
四、使用next()方法可以获得所匹配元素集合中每个元素其后紧邻的同辈元素
五、DOM对象与JQuery对象之间的转换
var txtName=document.getElementById("txtName"); //DOM对象
var $txtName=$(txtName); //jQuery对象
JQUERY里的next()是下一节点的的意思
你的$("p")在HTML里有两个,所以得出来的结果是分别输出两次:
第一个P 输出 :pHello Again/p,
第二个p输出 :divspanAnd Again/span/div
别外next()也可能这样 $("p").next("div"),指p的下一个DIV,那么就输出:divspanAnd Again/span/div ,不过你HTML里有两个p那就输出两次这东西了
!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")
当前元素同级的下一个元素.
div
div id='test'/div
div/div
/div
例如你取得是test,next就指向下一个了、