jsp引入jquery,jsp引入jquery文件
jsp中怎么应用jquirey
首先要导入jQuery的包文件,提前下载。
为洛宁等地区用户提供了全套网页设计制作服务,及洛宁网站建设行业解决方案。主营业务为成都网站设计、成都做网站、洛宁网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
然后在JSP中引入包:
[javascript] view plaincopy
mce:script src="lib/jquery-1.5.2.js" mce_src="lib/jquery-1.5.2.js" type="text/javascript"/mce:script
接下来再引入自己的js:
[javascript] view plaincopy
mce:script src="my.js" mce_src="my.js" type="text/javascript"/mce:script
我的my.js文件内容如下:
[javascript] view plaincopy
$(document).ready(function() {
$("divpHello/p/div").appendTo("body");
$("#stop").css("background","yellow");
$("li").toggle(
function () {
$(this).css({"list-style-type":"disc", "color":"blue"});
},
function () {
$(this).css({"list-style-type":"disc", "color":"red"});
},
function () {
$(this).css({"list-style-type":"disc", "color":"gray"});
}
);
});
如何在jsp页面中的js脚本里调用jquery的方法?
js脚本里调用jquery的方法:
函数是可以调用的,方法就不能调用,还有,JQ的函数里的对象是JQ,而JS和JQ的方法不能混着用,如果你JQ想用JS的方法就把对象转成JS对象,如果JS想用JQ的方法就把JS对象转成JQ对象
// JS获取对象
var obj = document.getElementById('id');
// 把JS对象转换到jQuery对象
var $obj = $(obj);
var $obj = $('#id');
// jQuery对象转换到JS对象
var obj = $obj.get(0);
jsp中如何使用jquery
// 直接引用,jsp中一般写在head里面,或者是/html之前/body之后,建议后者吧
script src="你的jquery的路径" type="text/javascript"/script
// 然后直接把jquery代码写到script之前就可以了
script type="text/javascript"
// 使用 $(function(){}) 相当于 onload="某个方法"
$(function(){
// 这里写你要执行的代码吧
})
/script
JSP如何导入jquery
$ is not defined
需要添加一个
script src="${pageContext.request.contextPath}/js"/script
通过测试添加jQuery。
注释 轻量级框架需要测试
jsp中引用jquery没反映
检查一下引入路径。
一般在head和body之间加入以下代码就可以引入了:
script src="jquery/jquery-1.8.3.min.js"//引入jquery框架
%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%
%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
base href="%=basePath%"
titleMy JSP 'test.jsp' starting page/title
meta http-equiv="pragma" content="no-cache"
meta http-equiv="cache-control" content="no-cache"
meta http-equiv="expires" content="0"
meta http-equiv="keywords" content="keyword1,keyword2,keyword3"
meta http-equiv="description" content="This is my page"
!--
link rel="stylesheet" type="text/css" href="styles.css"
--
/head
script src="jquery/jquery-1.8.3.min.js"//引入jquery框架
/script
script type="text/javascript"
function testjquery()
{
var user_name=$("#test").attr("value");
alert(user_name);
}
/script
body
input id="test" value="jquery"
input type="button" value="click me!" onclick="testjquery();"
/body
/html
运行结果:
所有的jsp都要用到jquery怎么办
jsp是前端的技术,没法加拦截或者过滤,所有jsp都用到,也只能是引入。如果页面过多,可以单独做一个jsp引入jquery或者其他都可能用到的内容,比较css,本地的js,某些方法,某些类,或者页面里常用的数据。然后其他页面只需要引入这一个jsp即可。
当前标题:jsp引入jquery,jsp引入jquery文件
链接地址:http://scyanting.com/article/dsohepg.html