jquery 初学入门 感想
2008-06-05 17:31
190 查看
今天有空研究了一个jquery,感觉还不错,是一个好东西.
从自己读书习惯来讲,网上的入门实例不太适合自己,所以就做了N遍的练习,到最后,才把jquery的入门弄明白.
最初在看jQuery的时候,还为它们的架构担心,经实践正明,他们的架构从我的水平来看,基本上没有问题了,jquery里的方法颇多,在大多数的文档里也都分了类,(这里下载),如果初学,最好先不要看这东西,最好去网上找一些代码,或入门实例来做,否则只会一头雾水.在我看过N多代码中用的最多的,也是在jquery中比较重要的一个事件,页面载入事件,$(document).ready(function (){});他就相当于一个 <body onlocad="function (){}"></body>.
讲一个最入门的例子吧:首先去下载jquery,在这里面有很多种,我是自己学习研究用,就下载的Uncompressed(无压缩)这个版本,下载后,先放到一边,然后去建一个项目,jsp,php,asp.net 什么都可以,现在主要是用静态页面来说明. 首先,建个文件夹,起名叫js,再建一个HTML,起名test.html 然后从js文件夹里建个js文件 test.js 再把刚刚下载的jquery的js文件放到js文件夹里 目录结构如图
打开test.html 进行编辑,加上两句
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/test.js"></script>
在<body></body>中间写入<a href=''></a>
打开test.js文件编辑
写入
$(document).ready(
function (){
$('a').click(function (){alert('look me')})
}
);
然后打开http://localhost:7080/jquery/test.html
点一下试试? 就会出现结果,通过这一个,可以做很多例子,当然,如果有时间还可以写自己的插件.
个人感觉,这个项目的强大之处不是他集成的东西多,而是可以二次开发自己想要的东西.
初学诈练,有不妥之处希望能指出.谢谢
从自己读书习惯来讲,网上的入门实例不太适合自己,所以就做了N遍的练习,到最后,才把jquery的入门弄明白.
最初在看jQuery的时候,还为它们的架构担心,经实践正明,他们的架构从我的水平来看,基本上没有问题了,jquery里的方法颇多,在大多数的文档里也都分了类,(这里下载),如果初学,最好先不要看这东西,最好去网上找一些代码,或入门实例来做,否则只会一头雾水.在我看过N多代码中用的最多的,也是在jquery中比较重要的一个事件,页面载入事件,$(document).ready(function (){});他就相当于一个 <body onlocad="function (){}"></body>.
讲一个最入门的例子吧:首先去下载jquery,在这里面有很多种,我是自己学习研究用,就下载的Uncompressed(无压缩)这个版本,下载后,先放到一边,然后去建一个项目,jsp,php,asp.net 什么都可以,现在主要是用静态页面来说明. 首先,建个文件夹,起名叫js,再建一个HTML,起名test.html 然后从js文件夹里建个js文件 test.js 再把刚刚下载的jquery的js文件放到js文件夹里 目录结构如图
打开test.html 进行编辑,加上两句
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/test.js"></script>
在<body></body>中间写入<a href=''></a>
打开test.js文件编辑
写入
$(document).ready(
function (){
$('a').click(function (){alert('look me')})
}
);
然后打开http://localhost:7080/jquery/test.html
点一下试试? 就会出现结果,通过这一个,可以做很多例子,当然,如果有时间还可以写自己的插件.
个人感觉,这个项目的强大之处不是他集成的东西多,而是可以二次开发自己想要的东西.
初学诈练,有不妥之处希望能指出.谢谢
相关文章推荐
- jQuery入门学习笔记--初学
- jQuery入门学习笔记--初学2
- jQuery入门简介
- jQuery入门
- WinSock初学入门:实现TCP服务器
- 入门jquery
- ASP.NET MVC和jQuery系列一:入门篇
- jquery入门―访问DOM对象方法
- jQuery中文入门指南
- 初学乍到jQuery之事件
- 输入数字jQuery 入门教程(40): jQuery UI Spiner 示例
- [入门篇]Jquery读取.Net WebService Json数据
- jQuery入门[2]-选择器[转]
- javascript快速入门第三章jquery基础知识
- jquery入门 修改网页背景颜色
- JQuery之 入门基础
- jQuery 入门
- COM初学(三) ALT组件简单入门
- html+js+jquery简单入门
- jQuery新手入门(四) 使用jQuery操作元素的属性与样式