jQuery对象与DOM对象区别和关联

1，jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象

jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#tab”).html();
jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法
建议约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $.
var $variable = jQuery 对象

var variable = DOM 对象

2.jQuery 对象转成 DOM 对象

jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM方法的时候, 有如下两种处理方法:

(1) jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象.

$("#msg")[0]       

(2) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象 

$("#msg").get(0)

3.DOM 对象转成 jQuery 对象

对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象), 就可以获得一个 jQuery 对象. 例如：
$(document.getElementById(“msg”))
转换后就可以使用 jQuery 中的方法了

4.jQuery中的“$”及其作用 

          1.“$”用作选择器

      2.“$”用作功能函数前缀 

        3.用作$(document). ready()

$(document).ready(function(){ 

("#loading").css("display","none");})

jQuery的写法则会使页面仅加载完DOM结构后就执行，即加载完html文档后，还没加载图像等其他文件就执行ready()函数，给图像添加“display:none”的样式，因此id为“loading”的图片不可能被显示。

所以$(document). ready()比window.onload载入执行更快 

            4.使用“$”可以直接创建DOM元素：var newP =$("<p>武广高速铁路即将通车！</p>"); 

  5.jQuery中的常用方法 

1. find()方法  可以通过查询获取新的元素集合，通过匹配选择器来筛选元素，例如：$("div").find("p");

2. hover方法  一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。 

3. toggleclass方法  toggleclass方法用于切换元素的样式。 

  6.Jquery典型应用

制作图片轮显效果,

制作折叠式菜单（Accordion）

制作渐变背景色的下拉菜单 

使用jQuery插件Lightbox制作Lightbox效果

使用jQuery插件jqzoom实现图片放大镜效果