jQuery（1）

jQuery是对JS对象和函数的的封装
它的思想设计是write less，do more！

jQuery与其他js库：
jQuery、Bootstrap、Zepto、ext、yul

jQuery能做什么：
1：访问和操作DOM元素
2：控制页面样式
3：对页面时间进行处理
4：扩展新的jQuery插件
5：与Ajax技术完美结合
jQuery比js更具有开发效率

jQuery优势：
1：体积小，压缩后只有100kb左右
2：强大的选择器
3：出色的DOM封装
4：可靠的事件处理机制
5：出色的浏览器兼容性
6：使用隐式迭代器简化编程
7：丰富的插件支持

$(document).ready() 1：执行时机：网页中所有DOM文档结构绘制完毕后即刻执行，可能与DOM元素关联的内容（图片、flash、视频等）并没有加载完 2：编写个数：同一页面能同时编写多个 3：简化写法：$(function(){
//执行代码
}) ;

window.onload

1：执行时机：必须等待网页中所有的内容加载完毕后（包括图片、flash、视频等）才能执行
2：编写个数：同一页面不能同时编写多个
3：简化写法：无

jQuery语法结构：
语法：$(selector).action() ;//action可替换 1：工厂函数$()：将DOM对象转化为jQuery对象
2：选择器 selector：获取需要操作的DOM 元素
3：方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法
jQuery操作页面元素：
1：使用addClass（）方法为元素添加样式
2：使用cdd（）方法设置元素方式
3：使用show( )、hide( ) 方法设置元素的显示和隐藏

“$”等同于“ jQuery ”$(document).ready()=jQuery(document).ready()
$(function(){…})=jQuery (function(){…})

链式操作：对一个对象进行多重操作，并将操作结果返回给该对象
$(“h2”).css(“background-color”,”#ccffff”).next().css(“display”,”block”);

隐式迭代：
$(document).ready(function() {$(“li”).css({“font-weight”:”bold”,”color”:”red”});
});

添加注释：
开发阶段： 为代码添加注释，可以增加代码的可读性，能够让别人很容易的读懂你
的代码，便于后期维护
维护阶段： 建议把关键的模块形成开发文档，便于后期维护，即便后期删除代码注
释，也不影响后期维护
产品正式发布： 建议删除注释，减少文件大小，加快下载速度，提高用户体验

DOM对象：直接使用JavaScript获取的节点对象:
var objDOM=document.getElementById(“title”);
var objHTML=objDOM.innerHTML;

jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法
$(“#title”).html( );//jQuery
等同于
document.getElementById(“title”).innerHTML; //js

使用$()函数进行转化：$(DOM对象)
var txtName =document.getElementById(“txtName”);
var $txtName =$(txtName);

jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象
var $txtName =$ (“#txtName”);
var txtName =$txtName[0];

通过get(index)方法得到相应的DOM对象
var $txtName =$(“#txtName”);
var txtName =$txtName.get(0);