clwn.net
当前位置:首页 >> jquEry如何隐藏一个框架 >>

jquEry如何隐藏一个框架

jquery实现点击页面其他地方隐藏指定元素:在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下拉条,下面就通过一个实例单独介绍一下如何实现此功能.代码实例如下:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768点击页面其他地方隐藏div-蚂蚁部落

Jquery中hide()方法表示隐藏,show()表示显示 示例:<!doctype html><html><head><meta charset='utf-8'/><title>测试</title><!--载入jquery框架文件--><script language='javascript' src='jquery.js'></script><script language='javascript'>$(

显示一个元素:$("#div").show();隐藏一个元素:$("#div").hide();

把框架放到一个div里, 然后点击另外一个标签的时候,把该div的css样式 display 设置成none.

无标题文档111111111111111111111 可以把按钮形式换成超链接文字

$("#市直考评文件").click(function(){$("#panel").hide();}) //panel是下面对应的区域

jQuery hide() 和 show()通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:$("#hide").click(function(){ $("p").hide();});$("#show").click(function(){ $("p").show();});

HTML:<div id="d1">111</div><div id="d2"></div>js:$(function(){$('#d1').click($('#d2.hied("fast")'));})

$("要隐藏的层的id或者class").hide(); //这样就可以隐藏层了.$("要隐藏的层的id或者class").show(); //这样就可以显示层了.

示例html<div class="abc" style="display:none"></div><input type="button" class="but" /> 最简单的方法:<script>$(document).ready(function(e) { $(".but").click(function(e) { $(".abc").toggle(); }); });</script> toggle() 的作用就是当

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