jQuery初步

参考:jQuery权威指南

jQuery初步

jQuery选择器

jQuery操作dom

jQuery操作dom事件

jQuery插件

jQuery操作Ajax

jQuery动画与特效

jQuery实现导航栏

jQuery实现点击式选项卡

jQuery实现select三级联动

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部分引入即可

来自为知笔记(Wiz)

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(){

});