`
lushuaiyin
  • 浏览: 670858 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js与jquery隐藏域显示某元素

 
阅读更多

在js中隐藏某元素师在寻常不过的了,我们可以使用js,当然jquery也有相关函数,

今天就把他们放到一起,方便大家查询使用。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#hide").click(function(){
  $("p").hide();
  });
  $("#show").click(function(){
  $("p").show();
  });
});



function hidediv(){
document.getElementById("div1").style.display='none';//隐藏  
}
function showdiv(){
document.getElementById("div1").style.display='block';//显示
}
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
<br><div id="div1">我是div1</div>
<br><input type="button" value="隐藏div1" onclick="hidediv()" />
<br><input type="button" value="显示div1" onclick="showdiv()" />
</body>
</html>


分享到:
评论

相关推荐

    jQuery详细教程

    通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 亲自试一试 ...

    jQuery权威指南-源代码

    5.1 显示与隐藏/125 5.1.1 show()与hide()方法/125 5.1.2 动画效果的show()与hide()方法/126 5.1.3 toggle()方法/128 5.2 滑动/131 5.2.1 slideDown()与slideUp方法/131 5.2.2 slideToggle()方法/134 5.3 ...

    jquery-1.1.3 效率提高800%

    Safari 2 3575ms 475ms 753% Opera 9.1 3196ms 326ms 980% Average improvement: 867% &lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比: Browser Prototype jQuery Mootools Ext Dojo ...

    jQuery表格排序插件tablesorter.zip

    主要的特点包括:多列排序支持文本、URL地址、数值、IP地址、日期类型,以及自定义类型排序支持 TH 元素的 ROWSPAN 和 COLSPAN 属性支持第二个隐藏域排序可扩展外观程序简小,打包后只有 7.4K程序效果: ...

    jquery基础教程高清版PDF.part5.rar

     3.3.1 显示和隐藏高级特性   3.3.2 突出显示可单击的项   3.3.3 事件的旅程   3.3.4 事件冒泡的副作用   3.4 限制和终止事件   3.4.1 阻止事件冒泡   3.4.2 移除事件处理程序   3.5 模仿...

    JQuery+Ajax通用分页导航(任意表)

    //第2个的id必须为wzj_page_table,两个隐藏域名称必须为pageNumber和pageCount //第3步:确认引入了JS和CSS,test.jsp页面中的代码,严禁修改元素id。否则运行报错。 //第4步:编写后端程序根据请求中传入的页码抓取...

    Jqury基础教程

    3.3.1 显示和隐藏高级特性 3.3.2 突出显示可单击的项 3.4 事件的旅程 3.5 通过事件对象改变事件的旅程 3.5.1 事件目标 3.5.2 停止事件传播 3.5.3 默认操作 3.5.4 事件委托 3.6 移除事件处理程序 3.6.1 事件...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点  * 可以...

    wardjs:终极客户端JS隔离容器

    WardJS 第三方JS隔离容器在构建第三方 JavaScript 应用程序时,将 JavaScript 与主机页面隔离是一项艰巨的任务。 Ward 设置一个隐藏的相同域 iframe 并加载您的应用程序。 由于您的脚本在同一个域 iframe 的上下文中...

    精通AngularJS part1

    自定义HTML元素与IE的老版本124 47使用过滤器处理模型变换124 内置过滤器125 格式化过滤器125 数组变换过滤器125 编写自定义过滤器——分页示例131 从JavaScript代码中访问过滤器133 过滤器做什么与不做什么...

    Wizmage图像隐藏者「Wizmage Image Hider」-crx插件

    注意•此扩展使用不带jQuery之类库的原始JavaScript来提高性能 (“选项”页面的确使用jQuery。)•并未编写Wizmage来节省带宽-后台加载了许多图像。这对于确定它们是真实图像还是图标很有必要 •无法添加家长控制,...

Global site tag (gtag.js) - Google Analytics