手机
当前位置:查字典教程网 >编程开发 >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简单实现隐藏以及显示特效】相关文章:

简单实用的网页表格特效

jQuery实现给页面换肤的方法

jQuery实现在列表的首行添加数据

jquery实现用户打分评分特效

jQuery实现强制cookie过期方法汇总

jquery控制表单输入框显示默认值的方法

Jquery实现动态切换图片的方法

jQuery实现转动随机数抽奖效果的方法

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

一个很简单的办法实现TD的加亮效果.

精品推荐
分类导航