猴子也能学会的jQuery第一期——什么是jQuery

news/2024/7/11 0:15:33 标签: 前端, jQuery, 框架, JavaScript

#1024程序员节|用代码,改变世界


📚系列文章—目录🔥

猴子也能学会的jQuery第一期——什么是jQuery

猴子也能学会的jQuery第二期——引入jQuery

未完待续


目录

📚系列文章—目录🔥

📄需要具备的基础知识

jQuery%E2%9D%93-toc" style="margin-left:0px;">什么是jQuery

jQuery%E7%9A%84%E6%A0%B8%E5%BF%83%E7%89%B9%E6%80%A7%E5%8F%AF%E4%BB%A5%E6%80%BB%E7%BB%93%E4%B8%BA%EF%BC%9A-toc" style="margin-left:40px;">🧩jQuery的核心特性可以总结为:

🧩语言特点

快速获取文档元素

提供漂亮的页面动态效果

创建AJAX无刷新网页

JavaScript%E8%AF%AD%E8%A8%80%E7%9A%84%E5%A2%9E%E5%BC%BA-toc" style="margin-left:80px;">提供对JavaScript语言的增强

增强的事件处理

更改网页内容

jQuery-toc" style="margin-left:0px;">🎯获取jQuery


📄需要具备的基础知识

在开始学习 jQuery 之前,您应该对以下知识有基本的了解:

jQuery%E2%9D%93">什么是jQuery

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

jQuery%E7%9A%84%E6%A0%B8%E5%BF%83%E7%89%B9%E6%80%A7%E5%8F%AF%E4%BB%A5%E6%80%BB%E7%BB%93%E4%B8%BA%EF%BC%9A">🧩jQuery的核心特性可以总结为:

  • jQuery是一个轻量级的脚本,其代码非常小巧。
  • 语法简洁易懂,学习速度快,文档丰富。
  • 具有独特的链式语法和短小清晰的多功能接口。
  • 具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展。
  • 拥有便捷的插件扩展机制和丰富的插件,可以通过插件扩展更多功能。
  • jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
  • 实现了JavaScript脚本和HTML代码的分离,便于后期编辑和维护。

🧩语言特点

快速获取文档元素

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

创建AJAX无刷新网页

AJAX是异步的JavaScript和XML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

JavaScript%E8%AF%AD%E8%A8%80%E7%9A%84%E5%A2%9E%E5%BC%BA">提供对JavaScript语言的增强

jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。

增强的事件处理

jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太多事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

更改网页内容

jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。

jQuery">🎯获取jQuery

jQuery的官方网站可以获取最新版本的jQuery文件(jQuery 1.x 和 2.x系列已经停止更新)

jQuery官网

jQuery所有版本的下载链接地址

点击 Download jQuery后进入下图的页面,jQuery文件的类型主要包括未压缩(uncompressed)的开发版和压缩(compressed)后的生产版。压缩指的是去掉代码中所有换行、缩进和注释等减少文件的体积,从而更有利于网络传输。

可以选择3.6.1的压缩版(compressed),将代码保存成本地文件即可,将文件命名为jquery-3.6.1.min.js,然后就可以使用了。

📚持续更新🔥


http://www.niftyadmin.cn/n/1371.html

相关文章

基于Android的学生学习记录与提醒管理系统

末尾获取源码 开发语言:Java Java开发工具:JDK1.8 后端框架:SSM 前端:采用Vue技术开发 数据库:MySQL5.7和Navicat管理工具结合 服务器:Tomcat8.5 开发软件:IDEA / Eclipse 是否Maven项目&#x…

【Node.JS】事件的绑定与触发

往期文章 【Node.JS】写入文件内容 【Node.JS】读取文件内容 目录 简介 绑定事件 on() addListener() once() 监听事件emit() 传参 删除事件 removeListener(&am…

【Node.JS 】path路径模块

往期文章 【Node.JS 练习】考试成绩整理 【Node.JS】buffer类缓冲区 【Node.JS】事件的绑定与触发 【Node.JS】写入文件内容 【Node.JS】读取文件内容 目录 简介 path.join() 语法格式 例 path.basename()方法 语法格式 例 path.extname&…

Queue

文章目录Queue<E>Deque<E>ArrayDeque<E>PriorityQueue<E> 优先队列Queue 队列&#xff08;Queue&#xff09;是一种经常使用的集合。Queue实际上是实现了一个先进先出&#xff08;FIFO&#xff1a;First In First Out&#xff09;的有序表。它和List的…

快速搭建本地服务器

下载Node.js 首先下载node.js,下载官网显示的版本就行 下载完进行安装,安装默认下一步就行&#xff0c;无须点击其他选项。 安装好后winr输入cmd打开命令行模式 C:\Users\pc>node -v2.下载http-server 在命令行中接着输入命令 C:\Users\pc>npm install http-server …

(附源码)计算机毕业设计SSM开放实验室管理系统

&#xff08;附源码&#xff09;计算机毕业设计SSM开放实验室管理系统 项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&a…

用map函数让你的python起飞

文章目录技术探讨map() 与其他函数结合使用map() 和 filter()map() 和 reduce()用 starmap() 处理基于元组的可迭代对象用Pythonic风格编码取代map()使用列表推导式使用生成器表达式总结本文将学习如何将 map() 与其他函数工具结合起来&#xff0c;并进行更复杂的转换&#xff…

macOS Ventura 正式版你确定不更新,好用到爆的功能你不想尝试一下?

新一代的 Mac 系统 macOS 13 正式版终于推送了&#xff0c;这个版本的系统名字叫 macOS Ventura。我们来看一下新版本有哪些变化。 台前调度 这是一个新的桌面窗口管理方式。只要我们点开顶部菜单栏的控制中心按钮&#xff0c;就可以看到「台前调度」的开关。 点击启用&#…