jQuery简单实现隐藏以及显示特效
作者:bea
简单的 隐藏以及显示的代码如下: 代码如下: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $("p")
简单的 隐藏以及显示的代码如下:
代码如下:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/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>
效果很不错,代码也很简单,希望大家能够喜欢。
有用 | 无用
代码如下:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/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>
效果很不错,代码也很简单,希望大家能够喜欢。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js用拖动滑块来控制图片大小的方法
- javascript中局部变量和全局变量的区别详解
- 对比分析AngularJS中的$http.post与jQuery.post的区别
- JavaScript中Function详解
- JS实现图片产生波纹一样flash效果的方法
- js实现鼠标触发图片抖动效果的方法
- javascript实现当前页导航激活的方法
- jquery 根据name名获取元素的value值
- jQuery使用元素属性attr赋值详解
- jquery实现公告翻滚效果
- JS+CSS实现淡入式焦点图片幻灯切换效果的方法
- JS+CSS实现模仿浏览器网页字符查找功能的方法
- js+CSS实现弹出居中背景半透明div层的方法
- js使用post 方式打开新窗口
- JS仿Windows开机启动Loading进度条的方法
- JS实现跟随鼠标闪烁转动色块的方法
- javascript中typeof操作符和constucor属性检测
- JS实现网页滚动条感应鼠标变色的方法
- js随机生成网页背景颜色的方法