jQuery的使用

浏览数：49 / 时间：2015年06月09日

1、下载：http://jquery.com提供了最新的jQuery框架下载。通常只需下载最小的jQuery包（Minified）即可。

　　　　　（目前最新的版本jquery-1.3.2.min.js文件只有55.9 KB ）

2、引用：<script src="jquery.min.js" ></script>

　　将jQuery框架文件导入后，就可以使用jQuery的选择器和各种函数功能了。

3、第一个jQuery程序

 1 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 2 
 3 <script>
 4  
 5             $(document).ready(function(){  
 6     
 7     alert("Hello World!");
 8     
 9             });
10 
11 </script>

View Code

4、jQuery 对象（通过 jQuery 包装 DOM 对象后产生的对象）
jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#tab”).html();
建议约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $.
var $variable = jQuery 对象
var variable = DOM 对象

jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法

5、jQuery 对象转成 DOM 对象

jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM方法的时候, 有如下两种处理方法:
(1) jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象.
　　$("#msg")[0]
(2) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象
　　$("#msg").get(0)

6、DOM 对象转成 jQuery 对象

对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来，就可以获得一个 jQuery 对象. 例如：

　　$(document.getElementById(“msg”))

转换后就可以使用 jQuery 中的方法了

7、jQuery对象与DOM对象的转换举例

　　$("#msg").html();

　　$("#msg")[0].innerHTML;

　　$("#msg").eq(0)[0].innerHTML;

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

8、jQuery 选择器

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

jQuery的使用