msww.net
当前位置:首页 >> JquEry 如何在hovEr事件中遍历显示不同Div层 >>

JquEry 如何在hovEr事件中遍历显示不同Div层

很简单啊$('#div1').hover(function(){$('#div2').hide();},function(){$('#div2').show();});$('#div2').hover(function(){$('#div1').hide();},function(){$('#div1').show();});当然不知道你要实现什么,要看具体效果,写法有很多

配合position:relative;z-index:999;可以不会被挡住;比如两个层 之前是被层1挡住的然后给层1加个style="position:relative;z-index:8;"然后给按钮这个层加style="position:absolute;z-index:18;"你再试试,再看看别人怎么说的.

思路:使用hover()函数监测鼠标经过事件,在hover()的处理函数内$(this)即表示当前处理的对象,也就是当前鼠标经过的class.然后使用toggle()函数实现内层元素在显示和隐藏之间切换.核心代码示例:$("div.outer").hover(

这个可以用jqurey实现.去看一下jQuery的教程,很简单的.这里初步的给你说一下,比如:$("#button1").click(function(){ $("#div1").show();});$("#button2").click(function(){ $("#div2").show();});上面的代码主要意思就是当点击button的时候显示相应的div,详细的教程你可以去http://www.w3school.com.cn/jquery/jquery_hide_show.asp看.你应该没看过jqurey,不然这些应该是知道的,所以建议你去学习一下

jQuery 中,使用 hide() 方法可以隐藏选定的对象,基本语法为: $(selector).hide() .如果需要隐藏隐藏多个不同属性的对象,可以在选择器中以逗号(,)分隔.举例如下:$("#a, #b, #c").hide(); // 隐藏id为a或b或c的元素$(".a, .b").hide(); // 隐藏class为a或b的元素$("#a, .b, :text").hide(); // 隐藏id为a,或者class为b,或者所有文本框元素

用for循环控制i,就是说相当与用“i”来代替div里边的id,然后去拼接字符串,赋值给div,这样就把值赋给不同的div了.如果觉得还是div不够用的话,再来个{%for item in items%} /* 中间就是你的所有div的内容,这个方法很不错,但是很少用到*/ {% end %}给他在循环一次.

第一个问题主要是因为选择器的问题,你的jquery代码选择的是所62616964757a686964616fe78988e69d8331333332623934有的.subCategory,因该选择对应的subCategory.第二个问题可以用stop([clearQueue], [gotoEnd]) 函数解决代码如下

用jquery$("#id").hover(function(){$("#id").css("display","block");})

既然每个div有固定的ID,那么控制起来就容易了:这里假设所有的需要控制的div都在class='pdiv'的层中(或者这些div有一个其他的共同的属性都可以)<a onclick="onhide(a1)">显示ID为A1层</a><a onclick="onhide(an)">显示ID为AN

$("a.link").click(function(){ $.ajax({ //在每个连接后面加一个?ID=1 //获取这个ID来判断家中不同的内容 success:function(data){$('.show').html(data)} }) })

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.msww.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com