首页 > 代码库 > jQuery简介

jQuery简介


1.jQuery的优势

  轻量级(Lightweight)   功能强大的选择器    出色的DOM操作封装    可靠的事件处理机制    出色的浏览器兼容性


2.jQuery的使用

  下载:http://jquery.com 提供了最新的jQuery框架下载。

   引用: <script src="http://www.mamicode.com/jquery.min.js" ></script> 将jQuery框架文件导入后,就可以使用jQuery的选择器和各种函数功能了。


3.jQuery程序

<script src="jquery.min.js"></script>
<script>
 $(document).ready(function(){  
    alert("Hello World!");
});
</script>

4.jQuery中的“$”

  4.1  “$”用作选择器,选择网页元素、Dom元素。

  4.2  “$” 用作功能函数前缀

  4.3  “$” 用作创建DOM元素


5.jQuery 对象

  jQuery 通过包装 DOM 对象后产生了一组新的JS对象。 jQuery 对象是 jQuery 框架独有的,如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 提供的方法。 jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法。 建议约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $.   var $variable = jQuery 对象

  var variable = DOM 对象

jQuery 对象转成 DOM 对象

  jQuery 对象不能使用 DOM 中的方法,但如果 jQuery 没有封装想要的方法,不得不使用 DOM方法时,可以通过如下方法得到对应的 DOM对象:

   $(“#msg”)[0]

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

DOM 对象转成 jQuery 对象

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


 

jQuery简介