1 jQuery 基础知识
1.1 javascript弊端
javascript自身存在3个弊端,既复杂的文档对象模型(DOM)、不一致的浏览器实现和便捷的开发、调试工具的缺乏。
1.2 javascript库作用及对比
为了简化javascript的开发,一些javascript程序库(JS开发库)诞生了。javascript程序库封装了很多预定义的对象和实用函数,能帮助使用者轻松地建立有高难度交互的Web2.0特性的富客户端页面,并且兼容各大浏览器。例如:Prototype、Dojo、YUI、Ext、JS、MooTools、jQuery。jQuery同样是个轻量级的库,是继Prototype之后又一个优秀的javascript库,拥有强大的选择器、出色的DOM操作、可靠的事件处理、完善的兼容性和链式操作等功能。它极大的简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。
1.3 CSS选择器
要使某个样式应用于特定的HTML元素,首先需要找到该元素。在CSS中,执行这一任务的表现规则称为CSS选择器。标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择符。几乎所有主流浏览器都支持上面这些常用的选择器。此外,CSS中还有伪类选择器、子选择器、临近选择器和属性选择器。但主流浏览器并非完全支持。
1.4 jQuery选择器
jQuery选择器完全继承了CSS选择器的风格。利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器。
1.5 CSS选择器和jQuery选择器区别
CSS选择器是找到元素后添加样式;jQuery选择器是找到元素后添加行为。需要特别说明的是,jquery中涉及操作CSS样式的部分比单纯的CSS功能更为强大,并且拥有跨浏览器的兼容性。
1.6 什么是DOM
是“文档对象模型” 英文“Document Object Model”。 DOM是一套操作HTML和CSS的接口,能够让我们用操作节点的方式操作他们;而不是以操作字符串的方式操作他们;
1.7 加载函数
JavaScript入口函数:window.onload ;jQuery入口函数 :$(function(){});
1.8 jQuery引号的问题
在jQuery世界中,只有三个对象不能加引号,其他必须加引号: $(this); $(window); $(document);