开始入门JQuery,
第一步当然是引入类库,网上有许多在线,比较喜欢用<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
第二步就开始写吧,不过遇到了一个问题,如果js,css放到WEB-INF下边,不管是绝对路径还是相对路径都不能访问,有点类似jsp中要想访问只能跳转(forward),暂时还没有找到如何访问WEB-INF中js,css的方法,不过js,css属于公共资源,可以被看到,放在WebContent下应该更符合设计初衷.
html等价于innerHTML:修改标签内显示的内容
show显示标签内的内容
toggle切换标签内的内容显示与隐藏
attr添加标签属性
css添加标签css属性
<%@ 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">
<title>Insert title here</title>
<!--
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
-->
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--
<style type="text/css">
#test{
display:none;
}
-->
</style>
<script type="text/javascript">
function clickme(){
$("#test").toggle();
$("div").html("HelloWord!");
}
</script>
</head>
<body>
<div id="test">
HelloWorld!!
</div>
<div>
aaa
</div>
<div>
bbb
</div>
<button οnclick="clickme()">测试一下</button>
<div>
aaaa
</div>
<button id="test">点我</button>
<button id="btntest">点我</button>
<script type="text/javascript">
$("div").css("font-weight","bold");
</script>
<script type="text/javascript">
$("button").attr("disabled","true");
</script>
</body>
</html>