jQuery概述

标签：不同   影响   type   document   animate   事件处理   封装   官方   免费   

第一章、jQuery概述
1、什么jQuery？
?jquery是javascript库
?JavaScript库:即library，是一个封装好的特定的集合(方法和函数)。从封装一大准函数的角度理解车，就是在这个车中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。
?简单理解︰就是一个S文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了

?常见的JavaScript库
?jQuery
?Prototype Yul
?DojoLxlJS
?移动端的ecplot
?这些库都是对原生lJavaScript的封装，内部都是用JavaScript实现的

?jQuery是一个快速、简洁的JavaScr ipt库，其设计的宗旨足“write Less , Do Morc”，即侣号写更少的代码，做更多的事情.
?jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互。

2、jQuery优点？
?轻量级。核心文件才几十kb，不会影响页面加或速度
?跨浏览器兼容。基本兼容了现在主流的浏览器
?链儿编程、隐式迭代
?对事件、样式.动画支持，大大简化了DOM操作
?支持插件拓展开发。有着丰富的第三方的插件，例纹∶树形菜单、日历控件、轮播等
?免费、开源

?版本:
?1x兼容IE678等低版本浏监器，官网不再更新
?2x不兼容IE67日等低版本浏览器，官网不再吏新
?3x不兼容IE67日等低版本浏览器，是官方主要更新维护的版本

3、Dom和jQuery对象的区别？
?用原生JS获取来的对象就是DOM对象
?2.jQuery方法获取的元素就是jQuery对象。
?3.jQuery对象本质是∶利用$对DOM对象包装后产生的对象（伪数组形式存储〕。

案例：

4、DOM对象与jQuery 对象之间的相互转换
因为原生js比jQuery更大，原生的一些属性和方法jQuery没有给我们封装.要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。

1、DOM对象转换为jQuery对象，$(DOM对象）
$(‘div’)
2、jQuery对象转换为DOM（俩种方式）
$(‘div’)[index] index是索引号
$(‘div’).get(index) index是索引号

案例：

jQuery的入门函数

第一种：$(function(){
...//此处是页面dom加载完成后的入口
})

第二种：$(document).ready(function(){
...//此处是页面dom加载完成后的入口
})

1．等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。
2．相当于原生js 中的 DOMContentLoaded。
3．不同于原生js 中的 load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。

jQuery顶级对象$
1.$是jQuery别称（另外的名字）
2.$是jQuery的顶级对象
$是jQuery的顶级对象，相当于原生JavaScript中的window。把元素利用$包装成Query对象，就可以调用jQuery的方法。

jQuery概述

标签：不同   影响   type   document   animate   事件处理   封装   官方   免费   

原文地址：https://www.cnblogs.com/lyp531610073/p/14139460.html