JQuery 学习笔记01 JQuery初接触

Amway锦

Amway锦

2016-02-19 13:05

下面,图老师小编带您去了解一下JQuery 学习笔记01 JQuery初接触,生活就是不断的发现新事物,get新技能~
一、下载
官方网址是http://jquery.com/
官方下载地址:http://docs.jquery.com/Downloading_jQuery
里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上
上面也有GoogleMicrosoftjQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。
官网上下载有两种版本Compressed(Minified version)和Uncompressed(Source version)
前者体积小70k左右,还不到未压缩版本的一半大小。
但是未压缩版本更容易阅读源代码,以及调试
二、安装
安装jQuery非常简单 只需在HTML中引用你下载的那个js文件即可
比如 script type="text/javascript" src="/jslibs/jquery.min.js"/script
如果使用CDN 就直接引用script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"/script
三、第一个程序

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
title/title
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"/script
script type="text/javascript"
$(function() { alert("hello"); })
/script
/head
body
/body
/html


刷新页面后 就可以执行了。
刚开始可能对$有点不适应,其实用不了多久就会习惯,并且喜欢它的简洁。如果实在吃不消,“$”也可以用“jQuery”代替

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)$(function() { alert("hello"); })


相当于

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)$(document).ready(function() { alert("hello"); })


也基本相当于

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)document.onready = function() {alert("hello");}


也就是说当浏览器把文档结构完全解析后,就可以执行下面的语句了。
与document.onload的区别在于,onload不但需要解析完文档结构,还要等待所有需要加载的内容加载完毕(比如图片等)
因为$(document).ready(fn)的频繁使用,所以可以简化为$(fn)
展开更多 50%)
分享

猜你喜欢

JQuery 学习笔记01 JQuery初接触

Web开发
JQuery 学习笔记01 JQuery初接触

jquery 学习笔记一

Web开发
jquery 学习笔记一

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Jquery 基础学习笔记

Web开发
Jquery 基础学习笔记

Jquery 学习笔记(一)

Web开发
Jquery 学习笔记(一)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JQuery CSS样式控制 学习笔记

Web开发
JQuery CSS样式控制 学习笔记

Jquery 学习笔记(二)

Web开发
Jquery 学习笔记(二)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Windows的动态链接库原理及使用1

Windows的动态链接库原理及使用1

费尔马二平方素数

费尔马二平方素数
下拉加载更多内容 ↓