认识jQuery及jQuery的使用

JavaScript 代码库

JQuery的使用

引入jQuery文件

1.下载jQuery文件

2.引入 jQuery

插入script标签，书写代码

1.入口函数

2.js中的入口函数和jQuery中的入口函数的区别

js和jquery获取对象的区别

JS对象和jQuery对象互转

JavaScript 代码库

jQuery 是一个快速、简洁的JavaScript 框架，是继 Prototype 之后又一个优秀的 JavaScript 代码库（框架）于2006年1月由 John Resig 发布。 jQuery 设计的宗旨是“ write Less , Do More ”，即倡导写更少的代码，做更多的事情。它封装 JavaScript 常用的功能代码，提供一种简便的 JavaScript 设计模式，优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。

jQuery 的核心特性可以总结为：

具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的 CSS 选择器，并且可对 CSS 选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。 jQuery 兼容各种主流浏览器，如 E 6.0+、 FF 1.5+、 Safari 2.0+、 Opera 9.0＋等

JQuery的使用

引入jQuery文件

jquery文件是一个自执行函数，执行jquery文件中的代码就是执行这个自执行函数

1.下载jQuery文件

a.网址jquery.com

b.将下载好的jQuery文件放入js文件夹中

2.引入 jQuery

<script src=js/JQuery.js"></script>

注意：在引入jq代码的标签内不可以写js代码，写了不会被执行

插入script标签，书写代码

1.入口函数

写法1：(代码量少，常用)

<script>
    $(function(){
    //这是一个入口函数
    );
</script>

写法二：

<script>
   $(document).ready(function(){
    //这是一个入口函数
    );
</script>

2.js中的入口函数和jQuery中的入口函数的区别

（1）JS的入口函数是在所有的文件资源加载完成后,才执行。这些文件资源包括:页面文档、外部的JS文件、外部的CSS文件、图片等

（2）jQuery的入口函数,是在文档加载完成后就执行

js和jquery获取对象的区别

1、jquery对象是jquery特有的对象，只有调用jquery才会存在，而js对象是一个名值对的无序集合，不调用jquery也会存在；

2、js对象上的方法不能直接用在jquery上，需要把jquery对象转换为js对象后才能使用，而jquery对象则可以随意使用jquery定义的方法

扩展知识：

JS对象和jQuery对象互转

JS对象转jQuery对象：

<script type="text/javascript">  
     //获取dom对象    
     var jsObj = document.getElementById("inpId");   
     //将dom对象转化成jQuery对象    
     var jqObj = $(jsObj);
</script>

jQuery对象转化成JS对象

<script type="text/javascript">
    //获取jQuery对象
    var jqObj = $("#inpId");
    //将jQuery对象转化成JS对象
    //方式一：
    var jsObj1 = $inp[0];
    //方式二：
    var jsObj2 = $inp.get(0);
 </script>

标签