码迷,mamicode.com
首页 > Web开发 > 详细

Ajax 之jquery(4) 入门jQuery之一

时间:2015-08-17 15:17:11      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:

  这是否意味着如果你尚未成为脚本编程高手,就无法在自己的网站中善用JavaScript 呢?完全不是!本章将向你展示如何利用JavaScript 工具包:借助已经预先编写好的库和函数框架,你会在项目实践中真切地感受到脚本编程的强大。目前有许多工具包可供下载,而且大部分都是免费的。本书选用了可免费下载且开源的实用程序和控件集jQuery(jquery.com)来构建交互式Web 应用程序。我们认为它是最出色的JavaScript 库之一。在接下来的几章中,我们将介绍如何使用jQuery 来拖放页面元素、添加菜单和日历、创建叠加层和排序表格数据,总的来说,就是利用jQuery 来为网页添加绚丽实用的效果。
  另外,jQuery是一个轻量级的一个JavaScript库,运算速度快,也容易被广大程序员掌握。

step1:引入jQuery库:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

step2:$(document).ready(function() {

        alert("Welcome to jQuery!");
      });其实这跟下面语句是同一个意思: 

       window.onload = function() {
          alert("Welcome to jQuery!");
          };

              补充知识:

        $()
   在基于jQuery 的JavaScript 代码中,人们首先注意到的通常是美元符号$。一方面是由于在普通JavaScript代码中$符号并不常见,另一方面则是因为$符号在
jQuery 中无处不在。大多数用到jQuery 的代码行都会以$符号作为开始,这行代码也不例外。$符号仅仅表示一个合法但不常见的函数名,jQuery 通过它来获取所需的一切。   
  document:因为我们无论做什么都需要通过$,那么,毫无疑问应该首先获取document 对象(一般是最顶层的元素)。

  ready():以前,我们通过检查onload 事件来判断页面是否完全加载,现在则依赖于jQuery 的ready()函数。二者唯一的区别在于onload 是事件处理程序(所以必须赋给函数),而ready()是有一个参数的函数。


 

    提供jQuery: 

    以前,如果你想使用JavaScript 框架(框架的另一个名字是“库”),那么你需要在自己的服务器
  上提供这些文件。经常访问高端网站的网页冲浪者可能在一天之内下载到各不相同的库中的大部分
  (或者这些库的多份副本)。
  现在对此有一个解决方案:同许多框架一样,从CDN(Content Delivery Network,内容发布网
  络)来获取jQuery。CDN 上能够提供某个库的多个稳定版本,而你可以直接链接到上面。这意味
  着,如果某个访客正在访问你的网站,而在当天,他曾访问过许多其他使用jQuery 的网站,那么,
  他的浏览器端可能已经缓存了所需的库文件,如此一来,你的网站访问速度之快会让人大吃一惊。
  退一步来说,即使访客的浏览器端没有缓存所需的库文件,Google(最流行的CDN 之一)的因特
  网连接性也要优于你自己实现的网站,所以CDN 提供文件的速度会优于你的服务器。
  对于你而言,仅需对网页做少量修改:通常需要将HTML 页面中的
  <script src="directory/script.js">
  修改为
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/script.js">
  你可能对不断改进的版本感兴趣。写作本书时,jQuery 的最新版本为1.6.1。如果想获取此版
  本,可将上面的URL 改为
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js">
  如何获取前一个版本?
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js">
  如何获取最新的1.6.x 版本?
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js">
  如何获取最新的1.x 版本?
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js">
  依此类推。你可以获取自己所需的任意版本,而不论是否想要获取最新的版本,你都不必频繁
  更改链接。



Ajax 之jquery(4) 入门jQuery之一

标签:

原文地址:http://www.cnblogs.com/CooderIsCool/p/4736607.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!