jquery是一个快速、简洁的javascript库,其设计的宗旨是“write less,do more”
jquery主要是封装了javascript常用的功能代码,优化了dom操作、时间处理、动画设计和ajax交互。
学习jquery的本质就是:学习调用这些函数(方法)
jquery出现的目的就是加快前端人员的开发速度,我们可以灰常方便地调用以及使用它,从而提高开发效率
jquery与原生js形象比喻
官网网址:https://jquery.com/
版本信息:
1x:兼容ie678等低版本的浏览器,官网不再维护更新
2x:不兼容ie678等低版本的浏览器,官网不再维护更新
3x:不兼容ie678等低版本的浏览器,官网主要维护更新的版本
所有版本的下载网址:
1.引入jquery文件
<script type=”text/javascript” href=”jquery.min.js”></script>
其中jquery.min.js是你所下载下来的jquery文件
2.使用即可
$(function(){
… //此处是页面dom加载完成的入口
//等着页面dom加载完毕再去执行js代码
});
$(document).ready(function(){
… //此处是页面dom加载完成的入口
//等着页面dom加载完毕再去执行js代码
});
1. $是jquery的别称,在代码中可以使用jquery代替$,但一般为了方便,通常直接使用$
$(function(){
alert(11);
});
jquery(function(){
alert(11);
});
以上代码的结果是一样的
2. $是jquery的顶级对象,相当于原生js中的window对象。把元素利用$包装成jquery对象就可以调用jquery的方法
1. 利用原生js来获取的对象就是dom对象
var mydiv = document.queryselector(‘div’); //mydiv 是dom对象
2. 用jquery方式获取的对象就是jquery对象。
$(‘div’); // $(‘div’)是jquery对象
3. jquery对象的本质:利用$把dom对象包装后产生的对象(伪数组形式存储)
4. jquery对象只能使用jquery方法,dom对象则使用原生js的属性以及方法
mydiv.style.display=’none’;//正常执行
$(‘div’).style.display=’none’;//执行时会报错
$(‘div’).hide();//正常执行
mydiv.hide();//执行时会报错
(1) 因为原生js比jquery更大,原生的一些属性和方法jquery没有给我封装,要想使用这些属性和方法则需要把jquery对象转换为dom对象才能使用。
l dom对象转换为jquery对象 $(dom对象)
$(‘div’);
l jquery对象转换为dom对象(两种方式)
$(‘div’)[index] index是索引号
$(‘div’).get(index) index是索引号
如对本文有疑问, 点击进行留言回复!!
VScode中的react自动补全标签代码及黄色or红色警告
关于React处理input的方法和多个input共用一个方法(不用jQuery)
网友评论