nnpc.net
当前位置:首页 >> jquEry点击一个Div显示再次点击隐藏 >>

jquEry点击一个Div显示再次点击隐藏

div5pxdiv { float: left; width: 100px; height: 80px; border: 1px solid #0ff; margin-right: 5px; display: none;}$(document).ready(function(e) { $(".btn").click(function(){ if(!$(".div").is(":visible")){ $(".div").show(); $(this)...

示例html 最简单的方法: $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

jQuery提供了toggle()函数用于切换显示和隐藏:显示被隐藏的元素,隐藏已显示的元素,示例代码: 切换显示我是目标元素$(document).ready(function(){ $("button").click(function(){ $("#test").toggle(); });});

1、用jquery自带的2个简单的方法,可以实现 show( ) /hide( )方法 2、例子 $(document).ready(function(){ $(".btn1").click(function(){ $("p").hide(); }); $(".btn2").click(function(){ $("p").show(); });});要显示隐藏的文字隐藏显示

如果是必须追加显示的话,再次点击就需要清除 //同样在点击事件中判断是否已经追加过div了 $(".Topstorya").on("click",functiton(){ if($(".ysa").length>0){//追加的div最好保持唯一性 //此为已存在追加的div $(".ysa").remove(); }else{ //此...

点击我 点我上面的button按钮,看看我能有什么效果 $("button").click(function(){ $("p").slideToggle(200); })

$(#bbb).style.display = "none"; //id 为bbb的DIV隐藏 $(#bbb).style.display = "block"; //id 为bbb的DIV显示

示例html 1 2 最简单的方法: 1 2 3 4 5 6 7 $(document).ready(function(e) { $(".but").click(function(e) { $(".abc").toggle(); }); }); toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需...

$("a").click(function(){ $("div").show() $("body").one("click",function(){ $("div").hide() }) })

$(this).find('#tli0 div').slideDown(200); $(this)已经是$("#tli0")了,$(this).find('#tli0 div')相当于'#tli0 #tli0 div' 估计你是错在这个地方吧

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