认识JQuery和获取jQuery库并引入

简介: 认识JQuery和获取jQuery库并引入

获取jQuery库并引入


一、jQuery【对javaScript对象和函数的封装】

1,jQuery是什么,有什么用处?

前端的一个小框架,就是咱对javaScript进行的封装,属于比较原生,没有vue跟reat复杂,

(1)可以访问和操作dom元素,控制页面的样式,对页面事件进行处理【就是javaScript的作用啦,毕竟jQuery是在其基础封装而来的】

(2)很方便的使用jQuery的插件【组件:插件属于对象级别的开发,即给jQuery对象添加方法】

      【ps:插件跟组件区别:插件属于对象级别的开发,相当于对象的实例方法;组件属于类级别的开发,相当于类中的静态方法】

(3)与Ajax技术完美集合

 

二、获取jQuery库并引入:

(1)获取jQuery:官网下载:https://jquery.com/

64.png

65.png

【小细节:先点击要下载的压缩版,例如点击:Download the compress,production jQuery3.6.0,

会看到一片密密麻麻的代码,然后右键选择另存页面为即可下载】

(2)把它当做咱自己的js文件使用就行啦:

•先把官网下载的jQuery.js文件引入到自己的工程项目下(把**.js文件copy一下就可以),

•然后在自己的html文件中引入:

66.png

(3)如果想在咱自己的工程的js添加上jquery的功能,引入jquery.js的顺序要写在咱自己的js前面,因为页面加载是顺序加载的,

然后在咱自己的js文件里再器使用jquery的一些功能方法呀

67.png

68.png

目录
相关文章
|
4月前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
51 0
|
4月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
100 3
|
6月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
128 4
|
7月前
|
JavaScript 前端开发 API
前端框架与库 - jQuery基础与DOM操作
【7月更文挑战第18天】jQuery 是一个简化JavaScript任务的库,以其“write less, do more”理念著称。核心功能包括DOM操作、事件处理和Ajax。DOM操作如选择元素(`$("p")`、`$("#myDiv")`、`$(".myClass")`)、创建及添加元素、修改属性和内容。事件处理如绑定(`click`)和触发(`trigger`)。常见问题涉及`$`符号冲突(使用`jQuery`代替)、异步加载管理和选择器性能优化。了解并规避这些问题能提升jQuery使用效率。
53 0
|
8月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
9月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
99 0
|
设计模式 JavaScript 前端开发
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
103 0
|
JavaScript 前端开发
JavaScript中的库JQuery.
JavaScript中的库JQuery.
113 0
JavaScript中的库JQuery.
|
JavaScript 前端开发
Web阶段:第五章:JQuery库(下)
Web阶段:第五章:JQuery库
Web阶段:第五章:JQuery库(下)