jQuery 入门教程(5): 显示/隐藏内容
来源:互联网 发布:java gps漂移过滤算法 编辑:程序博客网 时间:2024/05/16 07:39
jQuery的hide()和show()可以用来显示和隐藏内容。比如下面的例子:jQuery的hide()和show()可以用来显示和隐藏内容。比如下面的例子:
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>JQuery Demo</title>
- <script src="scripts/jquery-1.9.1.js"></script>
- <script>
- $(document).ready(function () {
- $("#hide").click(function () {
- $("p").hide();
- });
- $("#show").click(function () {
- $("p").show();
- });
- });
- </script>
- </head>
- <body>
- <p>If you click on the "Hide" button, I will disappear.</p>
- <button id="hide">Hide</button>
- <button id="show">Show</button>
- </body>
- </html>
基本语法
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的参数speed 给出显示或隐藏内容的速度,可以使用“slow”,”fast”或者数字代表微秒。
第二个可选参数为回调函数,在显示或隐藏结束时调用。下面代码在1秒钟内隐藏内容:
- $("button").click(function(){
- $("p").hide(1000);
- });
jQuery toggle()方法
使用toggle()方法,可以实现交替显示和隐藏内容,如:
- $("button").click(function(){
- $("p").toggle();
- });
其基本语法如下:
$(selector).toggle(speed,callback);
可选的参数speed 给出显示或隐藏内容的速度,可以使用“slow”,”fast”或者数字代表微秒。
第二个可选参数为回调函数,在显示或隐藏结束时调用
0 0
- jQuery 入门教程(5): 显示/隐藏内容
- jQuery 入门教程(5): 显示/隐藏内容
- jQuery 入门教程(4): 显示/隐藏内容
- Jquery隐藏/显示表格内容
- jquery点击复合隐藏显示内容
- jquery内容显示与隐藏; toggle()使用
- Jquery实现点击切换图片并隐藏显示内容
- #学习笔记#(6)mouseenter-mouseleave显示隐藏内容-jQuery
- jQuery的图片显示与隐藏,以及修改文档内容
- JQuery实现内容的显示与隐藏动作循环出现
- jquery实现鼠标移上去某元素显示隐藏的内容,移除继续隐藏
- jquery显示隐藏列
- jquery 判断显示 隐藏
- jquery显示隐藏元素
- 显示 隐藏 jquery
- jquery显示隐藏div
- jQuery 隐藏显示
- JQuery显示隐藏层
- CxImage类库
- Android 源码目录及其作用
- message sent to deallocated instance 除錯
- 【深入Java虚拟机】之四:类加载机制
- android activity动画小记
- jQuery 入门教程(5): 显示/隐藏内容
- Java实现单链表
- 405 Method Not Allowed on ajax PUT
- PyMongo基本使用
- 【深入Java虚拟机】之五:多态性实现机制——静态分派与动态分派
- Use Named Pipes and Shared Memory for inter process communication with a child process or two
- php中使用url传递数组
- 【深入Java虚拟机】之六:Java语法糖
- archlinux的安装