jquery隐藏和显示菜单.doc

/使用eclipse新建一个web项目/在web/js目录下添加jquery-1.8.1.min.js （官方下载jquery.js文件）/src目录下的 com.dyg.servlet.CityListServlet类 servlet类提供默认城市列表package com.dyg.servlet;import java.io.IOException;import java.util.ArrayList;import java.util.List;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class CityListServlet extends HttpServlet private static final long serialVersionUID = 1L;public CityListServlet() super();public void destroy() super.destroy(); / Just puts destroy string in log/ Put your code herepublic void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException doPost(request,response);public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException response.setContentType(text/html);request.setCharacterEncoding(GBK);response.setCharacterEncoding(GBK);List citys = new ArrayList();citys.add(深圳);citys.add(北京);citys.add(上海);citys.add(武汉);citys.add(长沙);citys.add(东莞);citys.add(佛山);request.setAttribute(citys, citys);request.getRequestDispatcher(index.jsp).forward(request, response);public void init() throws ServletException / Put your code here/index.jsp web目录下的index.jsp jquery_menufunction change2() var c = $(a); if(c.html() = 展开城市列表) $(#city).show(); c.html(隐藏城市列表); else $(#city).hide(); c.html(展开城市列表); function clearMsg()/使输入框的值为空 $(#inp).val();function prompt()/没输入字符串，移出输入框后提示“请输入城市名” if($(#inp).val().trim()=) $(#inp).val(请输入城市名); function addCity() var c = $(#inp).val(); if($(#city).html().indexOf(c) = -1)/防止添加重复的城市名 $(#city).html($(#city).html()+c+); #citydisplay:none; 展开城市列表 $city 添加 运行：:8080/Jquery_1/CityListServle