随着互联网技术的不断发展，越来越多的前端技术涌现出来。其中，JSP和jQuery作为两种非常流行的技术，被广泛应用于Web开发中。本文将带大家通过一个实例来学习如何在JSP页面中引入jQuery代码，让页面变得更加生动有趣。

一、JSP和jQuery简介

JSP（JavaServer Pages）是一种动态网页技术，它允许Web开发者在HTML页面中嵌入Java代码，从而实现动态交互。JSP页面由HTML代码和Java代码组成，可以与服务器端的Java应用程序进行交互。

jQuery是一个快速、小型且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax操作。jQuery几乎可以在任何JavaScript代码中无缝地运行，并且它的语法简洁明了。

二、实例：使用jQuery实现页面动态效果

下面，我们将通过一个简单的实例来展示如何在JSP页面中引入jQuery代码，实现一个动态效果。

1. 创建JSP页面

创建一个名为`index.jsp`的JSP页面，并在其中添加以下代码：

```html

<%@ page contentType="