jquery 初学入门感想

最新推荐文章于 2024-09-21 16:56:47 发布

初学乍练

最新推荐文章于 2024-09-21 16:56:47 发布

阅读量504

点赞数

分类专栏： javascript 文章标签： jquery function asp.net 读书 jsp html

本文链接：https://blog.csdn.net/garry1861/article/details/2514646

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

       今天有空研究了一个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
点一下试试? 就会出现结果,通过这一个,可以做很多例子,当然,如果有时间还可以写自己的插件.