<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#b1").click(function(){ $("p").hide(1000); }); $("#b2").click(function(){ $("p").show(1000); }); }); </script> </head> <body> <button id="b1" type="button">隐藏</button> <button id="b2" type="button">显示</button> <p>This is a paragraph with little content.</p> <p>This is another small paragraph.</p> </body> </html>
您还没有登录,请您登录后再发表评论
- **Toggle Form Text**: 控制表单元素的显示和隐藏。 - **Toggle Val**: 切换表单元素的值。 - **jQuery Field Plugin**: 管理表单字段的状态。 - **jQuery Form’n Field plugin**: 综合管理表单及其字段。 -...
**2.1 jQuery效果-隐藏和显示** - **hide()**: 隐藏选中的元素。 - **show()**: 显示选中的元素。 - **toggle()**: 切换元素的可见状态。 **2.2 jQuery效果-淡入淡出** - **fadeIn()**: 逐渐显示元素。 - **...
### jQuery 教程知识点详解 #### 一、jQuery 概述 - **定义**：jQuery 是一个快速、简洁的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画以及 AJAX 交互等任务。 - **特点**：jQuery 的核心特性...
7. **jQuery速成 - 对象可见性** 学习如何控制元素的显示与隐藏，如`$("#element").hide()`和`$("#element").show()`。 8. **jQuery速成 - 对象获取进阶** 进一步讨论更复杂的选择器和组合选择，以获取更精确的DOM...
### jQuery UI 基础教程知识点汇总 #### Position 定位工具 **描述：** Position 是 jQuery UI 提供的一种用于精确控制元素位置的功能。通过设置被定位元素与目标元素之间的相对位置关系，可以轻松实现元素相对于...
- `$(element).slideToggle()`：元素滑动显示或隐藏。 - `$(element).animate()`：自定义动画，可以控制速度、缓动函数等。 6. **Ajax交互** - `$.ajax()`：进行异步请求，支持GET和POST等多种HTTP方法。 - `$....
- **滑动显示**: `.slideToggle()`可以让元素在展开和折叠之间切换，`.slideUp()`和`.slideDown()`则分别用于向上或向下滑动隐藏和显示元素。 - **自定义动画**: 使用`.animate()`方法可以创建自定义动画，改变...
- **基本的隐藏和显示**: 使用`.show()`、`.hide()`等方法。 - **效果和速度**: 可以指定效果的速度，例如“slow”、“fast”或毫秒数。 - **淡入淡出效果**: `.fadeIn()`、`.fadeOut()`。 - **复合效果**: 结合多种...
- **滑动显示**: `$(selector).slideToggle()`实现元素的上下滑动显示或隐藏。 4. **Ajax交互** - **$.ajax()**: 这是jQuery最核心的Ajax函数，可以进行异步数据请求。 - **$.get()**和**$.post()**: 简化的GET...
例如，`$("#myDiv").hide().fadeIn(500)`会先隐藏元素，然后在500毫秒内淡入显示。 5. **动画（Animations）**：jQuery 包含丰富的动画功能，如`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等，以及自定义动画的`....
jQuery对象与DOM元素有所不同，jQuery方法通常用于集合操作，例如`hide()`用于隐藏匹配的元素，`show()`则用于显示它们。 ## 2. DOM操作 jQuery提供了丰富的API来操作DOM。例如，`append()`方法可以在元素内部添加...
通过学习这些知识点，并结合提供的 `jQuery教程.rar` 和 `jquery.rar` 文件中的实例代码，你可以逐步掌握并精通 jQuery 技术。不断实践和尝试，你会发现 jQuery 能够让你的前端开发工作变得轻松愉快。
- **基本动画**：`fadeIn()`, `fadeOut()`, `slideToggle()`等方法创建平滑的显示/隐藏动画。 - **自定义动画**：`animate()`函数允许自定义CSS属性的变化，实现更复杂的动画效果。 - **动画队列**：通过`.queue...
- 实现工具提示的显示与隐藏功能。 - 面板切换动画的效果实现。 6. **第6章：构建、Ajax与交互性** - **章节概览**：本章重点介绍了如何使用jQuery增强网页的交互性和用户体验，包括异步加载内容的方法。 - **...
- **淡入淡出**：`fadeIn()` 和 `fadeOut()` 用于元素的显示和隐藏，可以配合 `duration` 参数控制速度。 - **滑动效果**：`slideUp()` 和 `slideDown()` 让元素向上或向下滑动，`slideToggle()` 则切换显示状态。...
- **基本动画**: `fadeIn()`, `fadeOut()`, `slideToggle()`等方法创建平滑的显示和隐藏动画。 - **自定义动画**: `animate()`方法允许自定义CSS属性的变化，实现复杂的动画效果。 - **动画队列**: `queue()`和`....
相关推荐
- **Toggle Form Text**: 控制表单元素的显示和隐藏。 - **Toggle Val**: 切换表单元素的值。 - **jQuery Field Plugin**: 管理表单字段的状态。 - **jQuery Form’n Field plugin**: 综合管理表单及其字段。 -...
**2.1 jQuery效果-隐藏和显示** - **hide()**: 隐藏选中的元素。 - **show()**: 显示选中的元素。 - **toggle()**: 切换元素的可见状态。 **2.2 jQuery效果-淡入淡出** - **fadeIn()**: 逐渐显示元素。 - **...
### jQuery 教程知识点详解 #### 一、jQuery 概述 - **定义**：jQuery 是一个快速、简洁的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画以及 AJAX 交互等任务。 - **特点**：jQuery 的核心特性...
7. **jQuery速成 - 对象可见性** 学习如何控制元素的显示与隐藏，如`$("#element").hide()`和`$("#element").show()`。 8. **jQuery速成 - 对象获取进阶** 进一步讨论更复杂的选择器和组合选择，以获取更精确的DOM...
### jQuery UI 基础教程知识点汇总 #### Position 定位工具 **描述：** Position 是 jQuery UI 提供的一种用于精确控制元素位置的功能。通过设置被定位元素与目标元素之间的相对位置关系，可以轻松实现元素相对于...
- `$(element).slideToggle()`：元素滑动显示或隐藏。 - `$(element).animate()`：自定义动画，可以控制速度、缓动函数等。 6. **Ajax交互** - `$.ajax()`：进行异步请求，支持GET和POST等多种HTTP方法。 - `$....
- **滑动显示**: `.slideToggle()`可以让元素在展开和折叠之间切换，`.slideUp()`和`.slideDown()`则分别用于向上或向下滑动隐藏和显示元素。 - **自定义动画**: 使用`.animate()`方法可以创建自定义动画，改变...
- **基本的隐藏和显示**: 使用`.show()`、`.hide()`等方法。 - **效果和速度**: 可以指定效果的速度，例如“slow”、“fast”或毫秒数。 - **淡入淡出效果**: `.fadeIn()`、`.fadeOut()`。 - **复合效果**: 结合多种...
- **滑动显示**: `$(selector).slideToggle()`实现元素的上下滑动显示或隐藏。 4. **Ajax交互** - **$.ajax()**: 这是jQuery最核心的Ajax函数，可以进行异步数据请求。 - **$.get()**和**$.post()**: 简化的GET...
例如，`$("#myDiv").hide().fadeIn(500)`会先隐藏元素，然后在500毫秒内淡入显示。 5. **动画（Animations）**：jQuery 包含丰富的动画功能，如`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等，以及自定义动画的`....
jQuery对象与DOM元素有所不同，jQuery方法通常用于集合操作，例如`hide()`用于隐藏匹配的元素，`show()`则用于显示它们。 ## 2. DOM操作 jQuery提供了丰富的API来操作DOM。例如，`append()`方法可以在元素内部添加...
通过学习这些知识点，并结合提供的 `jQuery教程.rar` 和 `jquery.rar` 文件中的实例代码，你可以逐步掌握并精通 jQuery 技术。不断实践和尝试，你会发现 jQuery 能够让你的前端开发工作变得轻松愉快。
- **基本动画**：`fadeIn()`, `fadeOut()`, `slideToggle()`等方法创建平滑的显示/隐藏动画。 - **自定义动画**：`animate()`函数允许自定义CSS属性的变化，实现更复杂的动画效果。 - **动画队列**：通过`.queue...
- 实现工具提示的显示与隐藏功能。 - 面板切换动画的效果实现。 6. **第6章：构建、Ajax与交互性** - **章节概览**：本章重点介绍了如何使用jQuery增强网页的交互性和用户体验，包括异步加载内容的方法。 - **...
- **淡入淡出**：`fadeIn()` 和 `fadeOut()` 用于元素的显示和隐藏，可以配合 `duration` 参数控制速度。 - **滑动效果**：`slideUp()` 和 `slideDown()` 让元素向上或向下滑动，`slideToggle()` 则切换显示状态。...
- **基本动画**: `fadeIn()`, `fadeOut()`, `slideToggle()`等方法创建平滑的显示和隐藏动画。 - **自定义动画**: `animate()`方法允许自定义CSS属性的变化，实现复杂的动画效果。 - **动画队列**: `queue()`和`....