首页 > 代码库 > 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简介