jQuery简介

2022-11-30 0 839

1. JavaScript库的基本概念

JavaScript合作开发的操作过程中,处置应用程序的相容很繁杂所以很费时,只好许多PCB了那些操作方式的库不断涌现。那些库还会把许多常用的标识符展开PCB。

把许多常用到的方式写到两个原则上的js文件格式,采用的这时候间接去提及这js文件格式就能了。(animate.js、common.js)

常用的JavaScript 库 – jQuery、Prototype、MooTools。当中jQuery是最常用的两个

jQuery只不过是两个js文件格式,里头PCB了一堆的方式方便快捷他们的合作开发,只不过是两个升级版的common.js,因而他们自学jQuery,只不过是自学jQuery那个js文件格式中PCB的一堆方式。

2. jQuery的缺点益处

jQuery结构设计的核心理念理念是Write Less,Do More,即提倡写更少的标识符,做更多的事。它PCBJavaScript常用的机能标识符,提供更多一类方便快捷快捷的操作方式,优化HTML文件格式操作方式、阿提斯鲁夫尔谷、美术结构设计和Ajax可视化。

jQuery的核心理念优点能归纳为:具备独有的拉艾句法和粗短明晰的多用途USB;具备高效率灵巧的css示例,因而可对CSS示例展开扩充;保有快捷的插件扩充监督机制和多样的应用程序。jQuery相容各式各样非主流应用程序。

很大地精简了 JavaScript 程式结构设计。

3. jQuery的版

jQuery版有许多,分成1.x 2.x 3.x

1.x版:能相容IE678应用程序

2.x版:不相容IE678应用程序

1.x和2.x版jquery都无须预览版了,那时只预览3.x版。

3.x版:不相容IE678,更为的精简(在亚洲地区不盛行,即使亚洲地区采用jQuery的主要就目的是相容IE678)

亚洲地区绝大多数中文网站还在采用1.x的版

4. 体验jQuery

案例:显示与设置内容

<input type=“button” value=“显示” id=“btn1”> <input type=“button” value=“结束” id=“btn2”> <div>请欣赏动画</div> <div>千呼万唤始出来</div> <img src=“img/1.jpg” style=“display:none”> <img src=“img/2.jpg” style=“display:none”> <script type=“text/javascript” src=“jquery.js”></script> <script> $(document).ready(function () { $(#btn1).click(function () { $(img).show(2000); }); $(#btn2).click(function () { $(div).text(下集再见); $(img).hide(2000); }); }); </script>

缺点归纳:

查找元素的方式多种多样非常灵巧 保有隐式迭代(自动循环遍历)优点因而无须需要手写for循环了 完全没有相容性问题 实现动画非常简单所以机能更为的强大 标识符简单粗暴

5. jQuery中顶级对象

jQuery中的顶级对象是$或jQuery

用于 入口函数页面加载事件 高级机能

注意:jQuery中的$和JQuery关键字本身为同一对象;

$ 能认为是 两个特殊构造函数 ; 能采用$(示例) 方式调用$,得到两个对象,在对象上能调用$的实例方式

也能采用$.方式名 调用静态方式。 比如 遍历数组对象的 $.each() 相当于for循环

6. jQuery中页面加载事件

采用jQuery的三个步骤:

引入jQuery文件格式 入口函数定义页面加载事件 机能实现

关于jQuery的入口函数:

// 第一类写法 $(document).ready(function() { }); // 第二种写法 $().ready(function() { }); // 第三种写法$(function() { });

jQuery入口函数与window.onload的对比

JavaScript的入口函数要等到页面中所有资源(包括图片、文件格式)加载完成才开始执行。 jQuery的入口函数只会等待文件格式树加载完成就开始执行,并不会等待图片、文件格式的加载。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务