JQuery 学习笔记(随笔)01
第一篇 认识JQuery
? ?工欲善其事,必先利其器。
? ?使用工具:dreamweaver ? 插件安装内容参看本人
? ?jQuery下载地址?http://jquery.com/
? ?javascript库的发展:Prototype、Dojo、jQuery(2006)、Ext JS(2007)
? ?Prototype 最早成型的javascript库之一,现在也仍有项目在用,其实它就是把javascript库进行了封装,使用者可以直接取其中的片段放在自己的项目中来使用。缺点:成型年早,对面向对象的编程思想把握不到位,导致结构松散。不过该语言也在改进。
? ?Dojo 缺点:学习曲线陡,文档不齐全,最严重的就是API不稳定,每次升级都会带来失效的问题
? ?Ext JS 专注也界面,本身臃肿,付费。
? ?JQuery优势:(1)轻量级(2)强大选择器(3)出色DOM封装(4)可靠地事件处理机制(5)完善的Ajax(6)不污染顶级变量(7)?出色地浏览器兼容性(8)链式操作方式(9)隐式迭代(10)行为层与结构层分离(11)丰富插件支持(12)完善的文档(13)开源
? ?在页面中引用JQuery:<script type="text/javascript" src="jquery相对路径"></script>
? ?编写jquery 代码
<!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" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery相对目录"></script>
<script>
$(document).ready(function(){ ? ? ? ?<!-- (1)-->
alert("我的第一个JQuery程序!");
})
</script>
</head>
<body>
</body>
</html>
? (1)window.onload 与$(document).ready()对比
a.执行时机:window.onload必须等待网页中所有内容加载完毕后才能执行
? ? ? ? ? ? ? ? ? ? ? ? ??$(document).ready()网页中所有DOM结构绘制完毕就执行,可能有些东西还没有加载完毕
? ? ? ? b.编写个数:window.onload不能同时编写多个
? ? ? ? ? ? ? ? ? ? ? ? ??$(document).ready()可以编写多个
? ? ? ? c.简化写法 :?window.onload无
??? ??$(document).ready()有
? jQuery代码风格:链式操作风格。同一个对象不超过3个操作,直接写一行,多个操作,一行写一个。要增加注释
? jQuery和Dom对象:jquery转化为DOM :$a[0] 和$a.get(0)两种方法
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?DOM 转化为jquery :$(DOM对象)
之后。。。正在完成