jQuery初步

参考：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(){
      
});







posted @ 2015-08-21 17:13  Python魔法师  阅读(373)  评论(0)  编辑  收藏  举报