jQuery简介

Posted 2020-09-15 小南蛮

---

1.jQuery的优势

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

---

2.jQuery的使用

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

　　 引用： <script src="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 中的方法了。

---