手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery简单实现隐藏以及显示特效
jQuery简单实现隐藏以及显示特效
摘要:简单的隐藏以及显示的代码如下:复制代码代码如下:$(document).ready(function(){$("#hide").click(...

简单的 隐藏以及显示的代码如下:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<script src="http://www.jb51.netjquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#hide").click(function(){

$("p").hide();

});

$("#show").click(function(){

$("p").show();

});

});

</script>

</head>

<body>

<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>

<button id="hide" type="button">隐藏</button>

<button id="show" type="button">显示</button>

</body>

</html>

效果很不错,代码也很简单,希望大家能够喜欢。

【jQuery简单实现隐藏以及显示特效】相关文章:

JavaScript实现广告的关闭与显示效果实例

jquery插件validation实现验证身份证号等

Jquery注册事件实现方法

jquery实现图片左右切换的方法

jQuery实现限制textarea文本框输入字符数量的方法

javascript实现点击后变换按钮显示文字的方法

jQuery插件zepto.js简单实现tab切换

jQuery插件expander实现图片翻转特效

jQuery实现自动滚动到页面顶端的方法

JavaScript实现带标题的图片轮播特效

精品推荐
分类导航