JQuery 现阶段要快速入手,以前AJAX学习时,xml和JavaScript也不见得很好,所以现在要一步一步把自己学到的知识吃透和加深,今天开始了解 Jquery,它是一个JavaScript库,在深入了解之前,我把自己查到的一些比较流行的JavaScript库列了出来,这里不具体的介绍了,百度,就都晓得了。
Prototype,DOJO,YUI,Google Web Toolkit,Ext,MooTools,Jquery...
这里我写写我第一个例子,结合写的过程写点心得,分享的同时,如有错误,也请给予指正:
打开:http://jquery.com/ jquery的官网,点击Download(JQuery)这里有最新的下载,不过在这我留注释:
然后开始你的jquery之旅吧.这是一个简单的入门例子.
了解$(document).ready()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.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">
<mce:script language="javascrpit" type="text/javascript" src="./js/jquery-1.4.4.js" mce_src="js/jquery-1.4.4.js" ></mce:script>
<mce:script type="text/javascript"><!--
$(document).ready(
function(){
//代码片段写在此处
//弹出一个doc窗口
alert('hello,democreen');
}
);
// --></mce:script>
<!--
<link rel="stylesheet" type="text/css" href="styles.css" mce_href="styles.css">
-->
</head>
<body>
This is my JSP page. <br>
</body>
</html>
我在接触jquery时,听到的是对dom操作,选择器,对,这是一个模糊的概念,百度吧,$()函数,几乎是jquery里最优秀的家伙了,它支持CSS3.0的选择符,这个是起点.
它其实是一个选择器,用来选择DOM里的元素(事实上它就是javascript里的getElementById..之类选择方法的超级豪华扩展白金版)
代码如下:
弹出一个窗口 hello,democreen
记住你从jquery官网扒下来的 jquery-1.4.4.js 的相对路径,毕竟你是在用 jquery-1.4.4.js 里的函数.,
follow me...开始jquery之旅吧!