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即可。