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

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

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

你要点击的按钮是 $( '#button' ) 你要显示/隐藏的节点是 $( '#information' ) $( '#button' ).on( 'click', function( e ) { $( '#information' ).toggle();} ); 不可以像某个答案那样,用 .css( 'display' ) == 'block' 判断 dom 的隐藏状态。...

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

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)...

$("button").click(function(){ $("div").toggle( 100); }); 参考链接:http://www.w3school.com.cn/jquery/effect_toggle.asp 定义和用法 toggle() 方法切换元素的可见状态。 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些...

第一先实现点击任何地方都隐藏该元素(假设id="bar") $(document).click(function(){ $("#bar").hide(); }); 那么bar也属于document,点击bar也会让自己隐藏,显然这不是想要的,这时候要阻止冒泡事件,即document的事件对bar无效 $("#bar").clic...

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

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

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

html代码 画个div和button js代码 $(document).ready(function(e) {//DOM加载完成后执行方法 $(".but").click(function(e) {//点击事件 $(".abc").toggle();//div元素如果是隐藏就会显示,反之显示就会隐藏 });});注:jquery的toggle() 方法的作...

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