jQuery随便控制任意div隐藏的方法_javascript技巧

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
  <style>
  div { background:#ece023; width:30px;
        height:40px; margin:2px; float:left; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <div>a</div>
  <div>b</div>
  <div>c</div>
  <div>d</div>
  <div>e</div>
  <div>f</div>
<script>
    $("div").click(function () {
      $(this).hide(1000);
    });
</script>
</body>
</html>

时间: 2024-10-29 21:12:22

jQuery随便控制任意div隐藏的方法_javascript技巧的相关文章

jQuery随便控制任意div隐藏的方法

这篇文章介绍了jQuery随便控制任意div隐藏的方法,有需要的朋友可以参考一下   复制代码 代码如下: <!DOCTYPE html> <html> <head> <style> div { background:#ece023; width:30px; height:40px; margin:2px; float:left; } </style> <script src="http://code.jquery.com/jqu

javascript控制层显示或隐藏的方法_javascript技巧

本文实例讲述了javascript控制层显示或隐藏的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>中国风</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script language="JavaScript&qu

点击页面任何位置隐藏div的实现方法_javascript技巧

实例如下: <include file="Public:header" /> <style type="text/css"> table{width:100%;margin: 0;} </style> <script type='text/javascript' src="/{:APP_PATH}/Public/js/unslider.min.js"></script> <scri

JS控制表单提交的方法_javascript技巧

本文实例讲述了JS控制表单提交的方法.分享给大家供大家参考.具体如下: <Script Language="JavaScript"> function autoSubmit(){ var form = document.forms[0]; var actionPath = "?mo=phone"; form.action = actionPath; form.submit(); return true; } </Script> 如果需要两个提

jQuery Mobile动态刷新页面样式的实现方法_javascript技巧

当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素.添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式.如下图所示:   代码如下: <script> function myFunction() { var ul = document.getElementById("myul"); var li1 = "<li data-role=

JS+CSS实现感应鼠标渐变显示DIV层的方法_javascript技巧

本文实例讲述了JS+CSS实现感应鼠标渐变显示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/

JS把内容动态插入到DIV的实现方法_javascript技巧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-

js实现获取div坐标的方法_javascript技巧

本文实例讲述了js实现获取div坐标的方法.分享给大家供大家参考,具体如下: html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如下方法可以实现: /*** * 获取div的坐标 * @param divObj * @returns {{width: number, height: number, left: *, top: Window}} */ com.whuang.hsj.divCoordinate=function(divObj){ if(typeof divObj =

JS获取一个未知DIV高度的方法_javascript技巧

本文实例讲述了JS获取一个未知DIV高度的方法.分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如: var height = element.clientHeight; 这种做法的局限: 1. 如果元素的display属性设置为none, 那么得到的结果为0 2. 在safari浏览器中,需要使用:element.offsetHeight得到实际高度,这是safari浏览器的bug 下面是Prototype提供的方法,能够兼容各种浏览器,同时在元素隐