jQuery 新手入门教程.doc_第1页
jQuery 新手入门教程.doc_第2页
jQuery 新手入门教程.doc_第3页
jQuery 新手入门教程.doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

jQuery 新手入门教程 什么是jQuery？ jQuery是一个JavaScript库，白痴解释就是一个JavaScript工具箱，很多现成的工具，想用什么就拿什么。省去了自己重新编写代码的烦恼，对于像我一样的JS白痴，更是容易上手。 jQuery能做什么？ 他能让你的页面产生很多让人惊喜的动态效果，简单的说就是让你的网站更加漂亮，这里有很多不同的效果，点击查看 怎么用jQuery？ 简单的说：在页面中调用jQuery库（一个js文件），就可以方便的使用其中的工具了（使用时需要另一个js调用jQuery中的工具），从而实现想要的效果。 第一步：寻找想要的效果 的效果都出自两个地方：sonicHTML，jQuerytools。网络上有更多的效果，如果愿意花时间，可以去其他地方找找。 第二步：扒代码 首先推荐扒代码利器Firefox+firebug。如果没有，赶快去下！在扒代码是要十分小心两个地方！ 1.静态页中的html和css 用firebug扒取页面中你想要部分的HTML和CSS代码，该部分的id和class千万不要动，保持原状！ 同时，在你想要的HTML元素前，可能会有一个空的 例如这个效果，千万不要遗漏！ 2.中的js 在调用的js中，肯定会有一个js的文件名中带有“jQuery”，直接把这个文件的代码复制，变成你自己的文件。 在中一定还有另一个js，这个js中会有以下代码： $(document).ready(function() /中间为其他代码 ); 这个js可能是调用的外部文件，也可能就在head（body中也有可能，不过可能性低）中以形式出现。这个部分一定会出现之前HTML中的id或者class。一定要保持一致，如果想用其他的名字，一定要记得HTML中和js中同步，不一样就功亏一篑了 第三步：本地测试并修改错误 本地新建HTML，CSS，JS，把扒到的代码都放进去，该调用的文件都调用好。激动人心的时刻到了！用浏览器打开静态页，看是否出效果。如果出了，恭喜你！进入下一步，改造成你自己的东西！如果没出就开始仔细检查吧： HTML中可能出错的地方： 你修改了HTML中的id或class【解决方法：改回原来的】 遗漏了空的 【解决方法：检查你扒下的HTML，看看前后有没有空的，有了就加上再试试】 JS中可能出错的地方： 调用路径出错【解决方法：修改为有效的调用路径，把js和HTML放一起最方便】 遗漏了ready（上面有详细代码）这个js（可能是外部文件，可能是head中的代码）【解决方法：在原静态页中寻找有ready的这段代码，copy并加上】 ready中的id或者class和HTML中的不一致【解决方法：在原HTML和js中找到对应关系，并修改为一致】 第四步：修改HTML和css，变成你自己的东西 这步就没有固定的方法了，你想怎么修改就怎么修改，不过千万注意HTML中的id何class要和js对应！ 第五步：加入到你自己
人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论