jQuery简介

Posted 小南蛮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery简介相关的知识,希望对你有一定的参考价值。


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 中的方法了。


 

以上是关于jQuery简介的主要内容,如果未能解决你的问题,请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)

几个有用的JavaScript/jQuery代码片段(转)

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段