例子代码如下: $("#top_notice").css("display", "block");//第1种方法 //$("#top_notice").attr("style", "display:block;");//第2种方法 //$("#top_notice").show();//第3种方法 1.给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性代码如下: $("#sendPhoneNum").attr("class", "n_input3"); 1.2给元素设置style属性代码如下: $("#top_notice").attr("style", "display:block;"); 2.通过jquery的css方...
本文实例讲述了JQuery控制div外点击隐藏而div内点击不会隐藏的方法。分享给大家供大家参考。具体如下: 比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:代码如下:$("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("#body").hide(); }); 如果div内点击隐藏,可采用jQuery的触发事件代码如下:$...
var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取 var windowWidth = $(window).width(); $(".Loading").css({ "display": "block" }); //再显示 $(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" }); 我要获取一个根据内容自适应宽度的div的实际宽度,这个div初始是隐藏的,我要获取它的实际宽度,对他进行居中操作,弄了很长时间,总是获取不到该div的真实宽度,后来发现js不能获取...
首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根。 阻止冒泡:1、stopPropagation()对于非IE浏览器。2、cancelBubble属性为true,对于IE浏览器, 而Jquery已经有兼容浏览器的方法,event.stopImmediatePropagation();<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascrip...
代码如下:<head> <script> function check(){ var num = document.getElementById("choose").value; alert(num); if(num=="4"){ document.getElementById("show").style.display="block"; }else{ document.getElementById("show").style.display="none"; } } </script> </head> <body onload="check()"> <select id="choose" onchange="check()"> <option value="1">第一</option> <option value="2">第二</option> <option value=...
思路一 第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div。 代码如下:<script type="text/javascript"> function stopPropagation(e) { if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; } $(document).bind(click,function(){ $(#test).css(di...
jquery实现鼠标点击div外的地方div窗口隐藏消失的 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>网页特效展示中心</title> <style type="text/css"> .pop { width:200px; height:130px; background:...
先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div:代码如下:<div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"> </div> 对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点,所以这里只是简单介绍一下事件冒泡, 事件冒泡 IE的事件冒泡:事件...
下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法。html页面中我们随便放些东西代码如下:<div class="toolbarframe" style="display:none;"><a href="//www.gxlcms.com" target="_blank"><img src="/upfile/swf/s.jpg" /></a><a class="bigad_close">关闭</a></div> jquery代码代码如下:<script src="/js/jque...
$(document).ready( function(){});function hiden(){$("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast} function slideToggle(){$("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上}function show(){$("#divObj").show();//显示,参数说明同上}function toggle(){$("#divObj").toggle(2000);//显示隐...
jQuery的方式是$("#id:hidden:first")$("#id:visible:last")原型方法是什么? 我尝试使用$$(),但它不起作用. 有人可以告诉我吗?非常感谢.解决方法:这应该工作:$$('#id[style="display:none"]:first')这应该更快:$$('#id[style="display:none"]').first()看到 > http://www.prototypejs.org/api/utility/dollar-dollar> http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#selectors
抱歉,如果这是另一个转发.我一直在尝试找到解决方案,但是没有尝试过.我正在使用一个拥有完全html控制权的博客.我通常可以在基本的html上找到自己的方式,但是当涉及Java或CSS时,我是一个完整的新手.抱歉,我完全不知道. 现在,这已成为不可能.我有两个侧边栏div,我试图隐藏在一个特定的url上,以便为内容iframe使用更多空间.这是我尝试使用的编码之一,它似乎不起作用或缺少某些内容.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tran...
当我单击除div之外的页面正文时,我想隐藏所有div的隐藏物.我的div是<div id="settingsBoxExpand"><div id="settings1" class="settingsBoxExpandItem" style="padding:3px;border-bottom:1px solid #dddddd">My Account</div><div id="settings2" class="settingsBoxExpandItem" style="padding:3px;border-bottom:1px solid #dddddd">Preferences</div><div id="settings3" class="settingsBoxExpandItem" style="padding:3px;">L...
对于解决此问题的帮助和见解,我将不胜感激.我正在开发的网站的标题div的初始可见高度为180px.标题div的总高度为340px.当用户单击链接时,我需要标题div向下滑动以显示其其余部分(顶部).因此,从数学上讲,当用户加载页面时,将显示340px标头div的底部180px.当他们单击链接时,div的其余部分会向下滑动以显示其顶部160像素.当用户单击相同的链接时,标头div向后滑动,因此仅再次显示底部的180px. 我已经尝试过使它起作用,但是不确定我在做什...
我将this plugin用于跨浏览器兼容的灰度图像.基本上,图像最初是具有低不透明度的灰度模式.当用户将鼠标悬停在图像上时,灰度级逐渐变为彩色,不透明度恢复为1,并且先前隐藏的div从底部向上滑动. 所有这些工作都很好,但是,这里有一个问题:当用户将鼠标悬停在图像上时,如果将光标移到先前隐藏的div(.post-info),图像将返回到灰度.如果可能的话,我想保持彩色.另外,如果有更优雅,跨浏览器且适合移动设备的方法来实现此目的,请随时分享.我...