jQuery 练习[一] 学习jquery的准备工作

2016-02-19 13:04 12 1 收藏

想不想get新技能酷炫一下，今天图老师小编就跟大家分享个简单的jQuery 练习[一] 学习jquery的准备工作教程，一起来看看吧！超容易上手~

【 tulaoshi.com - Web开发】

使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用.

计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多.

官方站点: http://jquery.com/
中文文档: http://jquery-api-zh-cn.googlecode.com/
下载地址: http://docs.jquery.com/Downloading_jQuery

jQuery 库就是一个 js 文件, 有不同规格的版本:

要查看源码应该用: 标准版(如: jquery-1.4.2.js)
实际应用应该使用: min 版(如: jquery-1.4.2.min.js);
在 VS 编辑时可以使用有代码提示的 vsdoc 版本, 不过暂能找到的 vsdoc 最新版本是 1.4.1 的, 也可以.

PS:下面的运行代码，因为加入了jquery，运行后，刷新下，即可看到效果。

使用前应先在页面中调用; 测试页:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
应该把 jQuery 代码写在哪呢？这和普通的 JavaScript 没有区别, 如下面代码:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
用 jQuery 的方式, 上面代码可以改为:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
简写方式:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
$(document) 是 jQuery 的对象, 类似又不同于 window.document;
jQuery 有着自己的一套体系(对象、方法、事件等).
$(document).ready() 类似又不同于(早于) window.onload(), 且前者可重复使用:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
window.onload() 发生在页面载入完成时,
$(document).ready() 发生在页面主体框架载入完成时(或许某个图片还没下载完);
当需要这个时机时, 我更喜欢把代码放在页尾:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

用什么工具呢？听说有很多, 我觉得 VS 就不错, 还有代码提示, 就是太慢了, 不如自己写一个:

来源:http://www.tulaoshi.com/n/20160219/1602891.html

上一篇：从当前的浏览器取得当前URL
下一篇： jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功)

看过《jQuery 练习[一] 学习jquery的准备工作》的人还看了以下文章更多>>

jQuery 练习[一] 学习jquery的准备工作 02-19
Jquery 学习笔记（二） 02-19
JQuery 无废话系列教程(一) jquery入门 [推荐] 02-19
jquery tagname 取得方法 02-19
jQuery autocomplete插件修改 02-19
jQuery animate效果演示 02-19
jQuery 插件开发其实很简单 02-19
初试jQuery EasyUI 使用介绍 02-19
jQuery slider Content(左右控制移动) 02-19
LazyForm jQuery plugin 定制您的CheckBox 02-19

jquery 弹出公告功能代码

标签： Web开发

!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 meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapi...

jQuery AnythingSlider滑动效果插件

标签： Web开发

打包下载 jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件，有些插件在本博客中已经有介绍，有些还没有，本文介绍的是：2009年度最佳 jQuery 插件—Anything...

jQuery 入门级学习笔记及源码

标签： Web开发

打包下载 jQuery真的很好，有些效果甚至让我尖叫。而各种插件能实现你喜欢的效果，这种方式为jQuery的流行奠定了基础，就像那个crocs鞋子似的。jQuery还有一个优点是达到了将行为与结构分开的目的。内容概要： 1. 安装 2. Hello jQuery 3. Find me:使用选择器和事件 4. Rate me:使用AJAX 5. Animate me(让我生动起来):使用FX (jQuery ...

JQuery 无废话系列教程(二) jquery实战篇上

标签： Web开发

我知道大家的想法, 放心好了,有些东西是不需要太多的理论知道做为基础, 其实在我们已经掌握JavaScript时,就已经掌握了JQuery的理论知识. 还是入门篇所说的那样,其实JQuery很简单. : ) 在我们开始学习之前建议大家先去下载JQuery1.3中文参考好了,进入正题. 再次申明 JQuery很简单,take easy! 从那开始呢？最好的切入地方就从 ready 函数...

jquery 插件任意位置浮动固定层

标签： Web开发

文件打包下载 /*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明：可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动*/ /*调用： 1 无参数调用：默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id").floatdiv("rightbottom"); //左...

查看更多精彩>>