`
- 浏览:
33447 次
- 性别:
- 来自:
北京
-
<!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=gbk" />
<title>StripingTable</title>
<script type="text/javascript" src="http://www.wozaishuo.com.cn/example/jquery/jquery-1.2.1.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){ });
//隐藏和显示div层
function changeDisplay(){
var helloDivObj = $("#helloDiv");
var buttonObj = $("#btnDisplay");
var val = buttonObj.attr("value");
if(val=="隐藏"){
helloDivObj.hide();
buttonObj.attr("value","显示");
}else{
helloDivObj.show();
buttonObj.attr("value","隐藏");
}
// var helloDivObj = $("#helloDiv").toggle(); //甚至只需要这一句搞定切换隐藏与显示
}
-->
</script>
</head>
<body>
<div class="title_a">一、JQuery核心库</div>
<div class="title_b">(一)、jQuery(e-xpression,[context])用法!</div>
<div class="title_c">3.jQuery(elements)</div>
将一个或多个DOM元素转化为jQuery对象。这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。<p></p>
<input id="btnDisplay" type="button" value="隐藏" onclick="changeDisplay()"/>
<div id="helloDiv">
Hello,everyone<p></p>
Hello,everytwo<p></p>
Hello,everythree<p></p>
</div>
</bdoy>
</html>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
jquery显示和隐藏div特效的实例代码,需要的朋友可以参考一下
jQuery显示隐藏DIV简单实例,需要隐藏网页的部分内容时经常会使用到展开、收起DIV,不是弹出的效果。
使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
jquery点击显示 隐藏事件 button div
主要介绍了JQuery显示、隐藏div的几种方法简明总结,本文总结了控制style、控制CSS、JQuery自带方法等几种显示、隐藏div的方法,需要的朋友可以参考下
本篇文章是对jquery中的div显示和隐藏特效demo进行了详细的分析介绍,需要的朋友可以参考下
一个漂亮的基于jQuery实现的点击后显示-隐藏无刷新登录框程序例子。
105. 推荐jquery动画制作示例图片滚动和飞行乌鸦,车窗效果,非常强大 106. 推荐jQuery实用缩略图广告效果插件下载 107. 推荐jQuery模拟Windows视窗的效果实现相册图片拖动特效插件 108. 推荐jQuery网站首页三幅...
利用jquery框架实现层的显示与隐藏特效的一个简单的例子
jquery+js打造div滑动效果,淡入淡出,隐藏与显示。
主要介绍了JQuery DIV 动态隐藏和显示的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
jquery和js分别可以实现对div的隐藏和显示,方法也不一样,jquery的show、show;js的hidden、visible
主要介绍了JQuery显示隐藏DIV的方法及代码实例,本文讲解了载入时隐藏、动态隐藏和显示两部分内容,需要的朋友可以参考下
js点击文本输入框显示DIV,操作后点击其他地方将DIV框隐藏
jQuery显示隐藏DIV简单实例,需要隐藏网页的部分内容时经常会使用到展开、收起DIV,不是弹出的效果。
本文实例讲述了jQuery实现菜单的显示和隐藏功能。...www.jb51.net jQuery显示菜单隐藏和显示</title> </head> <body> [removed][removed] [removed] /*jQuery演示*/ $(function(){ $(#div1).cl