【jquery】用jsp写jquery的模板

代码实现：

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-3.4.1.min.js">
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/gson-2.8.5-sources.jar">
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-3.4.1.min.js"></script>
<style>#square{width : 300px;height : 300px;background : red;display : none;margin-top : 10px;}
</style>
<script type="text/javascript">$(function(){$("input[value = '显示']").click(function(){$("#square").show("slow", "swing", function(){console.log("Done!");});});   $("input[value = '隐藏']").click(function(){$("#square").hide(1000,"swing",function(){console.log("Done!");});});  $})
</script>
<title>Insert title here</title>
</head>
<body><input type = "button" value = "显示"/>&nbsp;<input type = "button" value = "隐藏"/><br/><div id = "square"></div>
</body>
</html>

【jquery】用jsp写jquery的模板相关推荐

从jQuery 入口方式写jQuery工具类库
###1.jQuery 入口方式在常用的jquery入口方式中估计大部分人都是直接用的是 $(function(){//code }) 复制代码下面详细说一下jquery的几种入口方式: #### ...
基于javaweb的超市进销存管理系统(java+ssm+jsp+bootstrap+jquery+mysql)
基于javaweb的超市进销存管理系统(java+ssm+jsp+bootstrap+jquery+mysql) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse ...
学写jQuery插件开发方法
jQuery如此流行,各式各样的jQuery插件也是满天飞.你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢?如果你的答案是肯定的,那么来吧!和我一起学写jQuery插件吧! 很多公司的 ...
[jQuery] 你有写过jQuery的扩展吗？都有哪些写法？
[jQuery] 你有写过jQuery的扩展吗?都有哪些写法? jQuery扩展语法把扩展的内容就可以写到xxxx.js文件了,在主文件中直接导入就行了.用法1.$.xxx()$.extend({&q ...
锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery 可以为后来的元素绑定事件类似于jQuery中的live()方法 4.jQuer ...
1号店案例html源码_手把手教一起写jQuery版mini源码，分析jQuery的优势
适合人群本文适合0.5~3年的前端开发人员,以及想了解jQuery是什么的小伙伴们. 前言谈谈个人对jQuery的看法. 如果你是一个五年以上的开发人员,相信你一定认识了解jQuery.这好比你十 ...
超级简单的jQuery纯手写五星评分效果
超级简单的评分功能,分为四个步骤轻松搞定: 第一步: 引入jquery文件:这里我用百度CDN的jquery: <script src="http://apps.bdimg.com/l ...
基于javaweb的水果店商城超市系统(java+ssm+jsp+ajax+jquery+mysql)
基于javaweb的水果店商城超市系统(java+ssm+jsp+ajax+jquery+mysql) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse/idea ...
Java项目:流浪猫狗救助管理系统(java+SSM+JSP+bootstrap+jQuery+mysql)
源码获取:博客首页 "资源" 里下载! 项目介绍流浪猫狗救助管理系统.该项目分为前后台: 前台主要功能包括:会员的注册登陆,流浪猫狗知识,领养中心,团队活动,流浪宠物详情,申请领 ...

【jquery】用jsp写jquery的模板

【jquery】用jsp写jquery的模板相关推荐

最新文章

热门文章