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://myzitong.com/article/dsohepg.html