码迷,mamicode.com
首页 > Web开发 > 详细

jQuery初步

时间:2015-08-21 18:56:33      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

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







jQuery初步

标签:

原文地址:http://www.cnblogs.com/meet/p/4748447.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!