当前位置:首页 >> 编程开发 >> HTML+CSS >> 内容

0基础接触html5之jquery(一)简介

时间:2013/11/24 15:02:00 作者:平凡之路 来源:xuhantao.com 浏览:

本人之前做as的,对html真的是0基础,都是这几天自己摸索的,所以肯定有很多考虑不到,或说的不对的地方。欢迎拍砖
html5离不开js编程,而进行js编程就不得不说Jquery,那么什么是Jquery呢?为什么要用Jquery呢?下面简单介绍一下

普通javascript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对javascript的封装库,比如Prototype、Dojo、ExtJS、JQuery等,这些库对javascript进行了封装,简化了开发。这些库是对javascript的封装,也就是咱们调用JQuery的一句函数,JQuery内部这句函数帮我们调用javascript中的代码几十句,因为JQuery就是javascript语法写的一些函数类,内部仍然是调用javascript实现的,所以并不是代替javascript的。使用JQuery的代码、编写JQuery的扩展插件等仍然需要javascript的技术,Jquery本身就是一堆javascript函数。

为什么选择JQuery?

尺寸小、使用简单方便(Write Less, Do More,吃得少干得多,而且目前许多大公司都在支持JQuery,例如微软,微软把JQuery继承在了vs2010中。

JQuery能做什么?

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • javascript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities


向您的页面添加 jQuery 库

  1. <head>
  2. <script type="text/javascript" src="jquery.js"></script>
  3. </head>

复制代码



共有两个版本的 jQuery 可供下载:一份是精简过的,另一份是未压缩的(供调试或阅读)。

这两个版本都可从 jQuery 下载。

Google 和 Microsoft 对 jQuery 的支持都很好。如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

使用 Google 的 CDN

  1. <head>
  2. <script type="text/javascript" src="http://ajax.googleapis/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  3. </head>

复制代码



使用 Microsoft 的 CDN

  1. <head>
  2. <script type="text/javascript" src="http://ajax.microsoft/ajax/jquery/jquery-1.7.2.min.js"></script>
  3. </head>

复制代码




共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • 徐汉涛(www.xuhantao.com) © 2024 版权所有 All Rights Reserved.
  • 部分内容来自网络,如有侵权请联系站长尽快处理 站长QQ:965898558(广告及站内业务受理) 网站备案号:蒙ICP备15000590号-1