【BS学习】——jQuery总结

            jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
1、JQuery对象
约定jQuery对象要在变量前面加上$。
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象是jQuery独有的。
jQuery对象无法使用DOM对象的任何方法，同样DOM对象也不能使用jQuery里的任何方法
2、jQuery优势
 


3、jQuery对象转DOM对象
//jQuery转DOM
//jQuery对象是一个数组对象
$("#msg")[0];

//使用jQuery中的get(index)方法
$("#msg").get(0);

//DOM转jQuery
//$()把DOM对象包装起来即可实现
$(document.getElementById("msg"));

//简洁的写法
$("#id") //document.getElementById("id")
$("tagName") //document.getElementsByTagName("tagName")

//完善的事件处理机制

//使用DOM对象
//若在网页中没有id为“id”的元素，浏览器会报错。
//document.getElementById("id").style.color="red";
//需要先判断document.getElementById("id")是否存在

if(document.getElementById("id"))
document.getElementById("id").sty.color="red";

//使用jQuery对象
//使用jQuery获取网页中元素及时不存在页也不会报错。
$("#id").css("color","red");