参考:jQuery权威指南
jQuery初步
jQuery选择器
jQuery操作dom
jQuery操作dom事件
jQuery插件
jQuery操作Ajax
jQuery动画与特效
jQuery实现导航栏
jQuery实现点击式选项卡
jQuery实现select三级联动
1、JQuery概述
JQuery是由美国人John Resig于2006年创建的一个开源项目,如今已发展成为集JavaScript,CSS,DOM,Ajax于一体的强大框架体系。
主旨:以更少的代码,实现更多的功能(Write less,do more)
JQuery基本功能:
1.1 访问和操作DOM元素
1.2 控制页面样式
1.3 对页面事件处理
1.4 与Ajax完美结合
1.5 有大量插件来扩展
2、HelloWord
2.1 下载:官网
2.2 在页面的head部分引入即可
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
$(document).ready(
function
(){
alert(
"ready"
);
});
//以上代码类似于传统的JavaScript代码
window.onload=
function
(){
alert(
"onload"
);
}
/*
*以上代码:alert("ready");将会先弹出,alert("onload");在之后弹出
*两者之间区别:
*1.执行时间不同:$(document).ready在页面dom框架下载完成后就执行,window.onload则在页面全部加载完毕后执行
*2.执行数量不同:$(document).ready可以重复写多个,并且每次执行结果不同。window.onload尽管可以执行多个,但仅输出最后一个执行的结果
*/
//ready几种写法:$也就是代表jquery,如果jquery代码中的所有$替换成jquery会怎样呢?
//写法1
$(document).ready(
function
(){
});
//写法2
jquery(document).ready(
function
(){
});
//写法3
$(
function
(){
});
//写法4
jquery(
function
(){
});
|