<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
body { width:760px; }
div { float:left; width:200px; margin:10px 20px; font-family:\5FAE\8F6F\96C5\9ED1; }
h3 { cursor:pointer; margin:0; border:1px solid black; color:white; background-color:green; }
ul { list-style:none; margin:5px 0; padding:5px 0; border:1px solid black; background-color:gold; display:none; }
.highlight{ color:black; background-color:gold; }
</style>
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("h3").click(function(){
$(this).toggleClass("highlight")
.next("ul").toggle();
});
});
</script>
</head>
<body>
<div>
<h3>sub 1(click me)</h3>
<ul>
<li>param 1</li>
<li>param 2</li>
<li>param 3</li>
</ul>
</div>
<div>
<h3>sub 2(click me)</h3>
<ul>
<li>prama 1</li>
<li>prama 2</li>
<li>prama 3</li>
</ul>
</div>
<div>
<h3>sub3 (click me)</h3>
<ul>
<li>param 1</li>
<li>param 2</li>
<li>param 3</li>
</ul>
</div>
</body>
</html>
分享到：
相关推荐
jQuery 1.7.2中文手册.chm文件包含了对jQuery 1.7.2版本的详细解释，这个版本在1.x系列中是一个稳定且广泛使用的版本。手册涵盖了选择器、遍历、DOM操作、事件、特效、Ajax、插件开发等多个方面。选择器部分，讲解了...
此书名为《jQuery in Action 第一部分》，意味着它是一本介绍jQuery的书籍，且只包含了部分章节（第1章至第5章）。jQuery是一种广泛使用的JavaScript库，用于简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。 ...
1. **选择器扩展**：jQuery提供了一系列高级选择器，如`:nth-child()`, `:not()`, `:has()`, `:contains()`等，用于更精确地定位DOM元素。这部分可能深入解释这些选择器的用法和实际应用。 2. **DOM操作**：包括...
源码往往按照章节和主题进行组织，这样读者在学习PDF文档的同时，可以直接参考和运行相应的源码，通过实践加深对理论知识的理解。 “大奉送”一词则暗示这份资料除了上述内容外，可能还包含了其他额外的有价值资源...
1. **选择器**：jQuery提供了丰富的选择器，如ID选择器、类选择器、属性选择器等，用于快速定位DOM元素。 2. **DOM操作**：包括元素的查找、添加、删除和修改，例如`$(selector).append()`、`$(selector).remove()`...
1. **选择器（Selectors）**：jQuery提供了强大的选择器机制，如ID选择器(#id)，类选择器(.class)，元素选择器(element)等，使我们能快速定位到页面上的特定元素。 2. **DOM操作（DOM Manipulation）**：包括元素的...
### jQuery Utility Functions详解 在深入探讨`jQuery-in-Action.part2.pdf`的第六章之前，我们先回顾一下jQuery的基本概念。...接下来的章节将进一步介绍jQuery的其他高级特性，如插件编写和AJAX功能。
1. DOM操作：jQuery提供了便利的方法来选择、操作和修改HTML元素，这对于创建章节切换至关重要。开发者可以使用`$(selector).hide()`和`$(selector).show()`方法隐藏和显示不同的章节内容。 2. 动画效果：jQuery的`...
1. **第1章：爱上jQuery** - **章节概览**：介绍了jQuery的历史背景及其如何简化JavaScript编程的过程。 - **核心知识点**： - jQuery的核心优势：简单、快速、强大。 - 选择器的基本用法。 - 如何使用jQuery...
在这个章节中，我们将深入探讨jQuery的核心功能，包括选择器、DOM操作、事件处理、动画效果以及Ajax请求。 首先，jQuery的选择器是其强大的特性之一，它允许开发者通过简洁的语法快速选取DOM元素。例如，`$("#id")`...
"jQuery文章章节平滑切换过渡动画特效"是一个旨在优化内容阅读过程的JavaScript技术实现，它使得用户在浏览文章或章节时，能够享受到流畅、无缝的过渡效果，而不会因为页面的突然跳转打断阅读的连贯性。 jQuery是一...
本章节将深入探讨 jQuery EasyUI 的基本概念、安装与配置，并通过实例展示其常用组件的使用方法。 ### 一、jQuery EasyUI 的基本概念 jQuery EasyUI 是建立在 jQuery 库之上，提供了一套轻量级、易用的用户界面...
第1章 jQuery开发入门/1 1.1 jQuery概述/2 1.1.1 认识jQuery /2 1.1.2 jQuery基本功能/2 1.1.3 搭建jQuery开发环境/3 1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单...
jQuery Tabs是jQuery库中的一个组件，它用于创建交互式的、多面板的用户界面，通常用于展示分段的内容，如不同的章节、产品分类或导航链接。这个组件极大地提升了用户体验，因为它允许用户在一个固定的空间内切换...
动画章节是jQuery的一大亮点。《jQuery_Succinctly》将教授读者如何利用jQuery轻松创建平滑的过渡效果、淡入淡出动画以及复杂的自定义动画序列。这些动画效果能极大地提升用户体验，使网页更加生动有趣。 Ajax部分...
jQuery源代码 本文主要以为学习参考书籍，为保证与书籍内容同步，以jQuery 1.7.2为学习版本进行。 本次学习主要使用“笨鸟多飞”的方式对相关例程代码进行逐行注释理解。 补充说明 多数情况下，内容不参考ES6新特性...
jQuery的选择器功能可以轻松定位到页面上的特定元素，如`$("#section1")`选取ID为`section1`的元素。然后，使用`.fadeIn()`和`.fadeOut()`方法来实现元素的淡入淡出效果，或者`.slideToggle()`实现滑动切换，以创造...
文件名"jQuery-Mobile-Book-master"暗示了本书可能包含一个完整的项目结构，其中包括各个章节的示例代码、资源文件以及可能的测试用例。读者可以通过阅读和运行这些代码，更好地理解jQuery Mobile的使用方法和最佳...
第17周-第02章节-Python3.5-jQuery 和Dom关系及jQuery版本.avi
#### 第1章：介绍 - **SharePoint概述**：本章介绍了SharePoint的基本概念和发展历史，为读者提供了必要的背景知识。 - **jQuery简介**：简要介绍了jQuery框架的特点及其在Web开发中的应用。 #### 第2章：将jQuery...