JQuery 现阶段要快速入手,以前AJAX学习时,xml和JavaScript也不见得很好,所以现在要一步一步把自己学到的知识吃透和加深,今天开始了解 Jquery,它是一个JavaScript库,在深入了解之前,我把自己查到的一些比较流行的JavaScript库列了出来,这里不具体的介绍了,百度,就都晓得了。
Prototype,DOJO,YUI,Google Web Toolkit,Ext,MooTools,Jquery...
这里我写写我第一个例子,结合写的过程写点心得,分享的同时,如有错误,也请给予指正:
打开:http://jquery.com/ jquery的官网,点击Download(JQuery)这里有最新的下载,不过在这我留注释:
jquery-1.4.4.min.js Production (26KB, Minified and Gzipped)
jquery-1.4.4.js Development (179KB, Uncompressed Code)
选择哪一个都行,两个文件的作用是完全一样的,区别:
jquery-1.4.4.js -------(编译后)----> jquery-1.4.4.min.js,
简单的说,开发调试时用jQuery.js,发布时用jQuery.min.js.
我在百度的时候听到要搭JQuery的框架,我是不知道什么框架不框架,既然jquery是一个JavaScript库,那么用到jquery,肯定要引进jquery的js库,所以,搭JQuery框架就是 :
<script language="javascrpit" type="text/javascript" src="./js/jquery-1.4.4.js" ></script>
然后开始你的jquery之旅吧.这是一个简单的入门例子.
了解$(document).ready()
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%> <% 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%>"> <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之旅吧!