jQuery 第一章（介绍）

已于 2023-11-22 14:45:22 修改
阅读量58 收藏
点赞数
分类专栏： jQuery 文章标签： jquery 前端 javascript
于 2023-11-22 14:45:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68537796/article/details/134552463
版权
本文介绍了jQuery，一个用于简化前端开发的JavaScript库，涵盖了基础知识、功能特性（如DOM操作、事件处理等）、学习前提以及浏览器兼容性注意事项。同时提到了使用Google和MicrosoftCDN加载jQuery的建议。
摘要由CSDN通过智能技术生成

文章目录

前言

hello world欢迎来到前端的新世界

😜当前文章系列专栏：jQuery
🐱‍👓博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感谢大家指出)🌹
💖感谢大家支持！您的观看就是作者创作的动力

jQuery 简介

jQuery是一个JavaScript库，主要用于简化JavaScript在网页中的开发和操作。它提供了一系列易于使用的API，能够轻松地实现DOM操作、事件处理、AJAX等功能，同时也支持插件扩展，能够帮助开发者进行快速开发和优化性能。

学习jQuery之前需要具备的基础知识

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

  • HTML
  • CSS
  • JavaScript

什么是 jQuery ？

Query是一个JavaScript函数库。

jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

jQuery库包含以下功能：

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

提示： 除此之外，Jquery还提供了大量的插件。

为什么使用 jQuery ？

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

很多大公司都在使用 jQuery， 例如:

  • Google
  • Microsoft
  • IBM
  • Netflix

jQuery是否适用于所有浏览器?
jQuery 团体知道JS在不同浏览器中存在着大量的兼容性问题，目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!

jQuery版本支持

在使用jQuery的时候你应该要注意的是 jQuery 2版本以上是不支持 IE6，7，8 浏览器的。那么如果使用的是 IE6，7，8 浏览器的话，你就得选择使用jQuery1.9版本的，或者，你也可以通过条件注释在使用 IE6，7，8 浏览器的时候只允许包含 jQuery 1.9.

注释代码如下：

<!--[if lt IE 9]> 
    <script src="jquery-1.9.0.js"></script> 
<![endif]--> 
<!--[if gte IE 9]><!--> 
    <script src="jquery-2.0.0.js"></script> 
<!--<![endif]-->

替代 jQuery 库

如果您希望将 jQuery 库存放在您的计算机上，那么根据 Google 和 Microsoft 对 jQuery 友好性，您可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

使用 Google 的 CDN

<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head>

使用 Microsoft 的 CDN

   
<head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"></script> </head>

后言

创作不易，要是本文章对广大读者有那么一点点帮助 不妨三连支持一下，您的鼓励就是博主创作的动力

鋜斗
关注
专栏目录
Jquery第一章环境的搭建和介绍第一节
Camel
05-06 513
jquery的优点 jquery体量小，加载速度快，其本身具有的功能使JavaScript应用程序开发人员的工作变得分外轻松。其中最大的亮点是卓越的DOM查询工具，该工具使用为人熟知的CSS选择器语法。 jquery的功能 jquery的目标是“写更少，做更多”，还有，jquery使跨浏览器web开发变得简单无缝。在以下几方面，jquery的表现堪称出色： 1、通过各种内建的方法，更便捷地使用jq...
第6章 初识jQuery
sinat_35450260的博客
11-02 689
jQuery是一个快速、简洁的JavaScript库（框架）。其宗旨是“”，即“写更少的代码，做更多的事情”。学会调用函数。
第一章 jQuery基础
欢迎来到一个不知名牛马的博客
09-11 972
jQuery 是一款跨主流浏览器的 JavaScript 库，封装了 JavaScript 相关方法调用，简化JavaScript 对 HTML DOM 操作jQuery 是一个快速，小巧，功能丰富的 JavaScript 库。它通过易于使用的 API 在大量浏览器中运行，使得 HTML 文档遍历和操作，事件处理，动画和 Ajax 变得更加简单。通过多功能性和可扩展性的结合，jQuery 改变了数百万人编写 JavaScript 的方式。
第一章.jQuery介绍
qq_32818835的博客
08-09 104
Jquery第一章 Jquery基础
chuanlinlaile的博客
03-15 367
第一章 Jquery基础一.基础介绍什么是jquery？jquery就是一个javascript库,这个库封装了很多函数和对象,其目的就是为了简化我们的javascript操作dom的代码。在书写jquery程序中,对于页面元素的选择,内置的功能函数,都必须用$符号,而这个$符号就是jquery对象。因此jquery是可以完全替代$符号,其二者是等意。&lt;script type="text/j...
jQuery第一章课后作业
suixinCaesar的博客
07-09 1220
第3题 打印倒正金字塔&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;打印倒金字塔&lt;/title&gt; &lt;style&gt; hr{width: 50px
学习jQuery这一篇就够了
热门推荐
轻松的小希
11-25 10万+
目录第一章 jQuery简介1.1、jQuery简介1.2、jQuery官网1.3、jQuery版本介绍1.4、jQuery引入方式1.5、jQuery快速使用1.6、jQuery两把利器第二章 jQuery核心函数2.1、选择器2.1.1、基本选择器2.1.1.1、标签选择器2.1.1.2、id选择器2.1.1.3、class选择器2.1.1.4、通配符选择器2.1.1.5、并集选择器2.1.1.6、交集选择器2.1.2、层级选择器2.1.2.1、子代选择器2.1.2.2、后代选择器2.1.2.3、兄弟选
北大青鸟 JQuery 制作特效 第一章 课后简答题
SpicyStriplt的博客
07-06 1590
北大青鸟 JQuery 制作特效 第一章 课后简答题 简单三丶打印倒正金字塔直线 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> h3{margin:...
第十一章 jQuery
m0_46844278的博客
04-30 3281
JavaScript前端开发教程 目录： 第十一章 jQuery jQuery快速入门 jQuery对象 jQuery选择器 元素遍历 元素内容 元素样式 元素筛选 元素属性 【案例】折叠菜单 节点操作 【案例】左移与右移 常用事件 页面加载事件 事件绑定与切换 【案例】手风琴效果 常用动画 自定义动画 【案例】无缝轮播图 jQuery操作Ajax 插件机制 &&：习题+答案 ...
jQuery入门第一章（jQuery初体验）
m0_56344602的博客
09-05 540
JQ 基本概念 jQuery 其实就是别的团队封装好的一个 JS 文件。 常见错误 没有引入 jQuery 文件，引入失败，请检查 jquery.js 文件的路径。 JQ 对象 和 DOM 对象互相转换 不同类型的对象拥有不同的属性和方法 JQ 对象调用 JQ 对象的方法和属性。 DOM 对象调用 DOM 对象的方法和属性。 JQ 对象和 DOM 对象可以互相转换。 JQ 对象和 DOM 对象关系图 JQ 对象可以提取出 DOM 对象 DOM 对象也
JQuery第七章上机练习和课后作业
08-08
**jQuery第七章上机练习与...总之，jQuery第七章的学习是一个进阶的过程，涉及到多个核心概念和技术。通过上机练习和课后作业，不仅可以巩固理论知识，还能提高实际操作能力，为成为一名熟练的前端开发者奠定坚实基础。
JS+JQuery第一章预习总结.txt
04-20
### JavaScript与JQuery基础知识概述 #### 一、JavaScript简介 1. **JavaScript定义与特性**： - JavaScript是一种轻量级的脚本语言，它既是一种解释性语言，也是一种编译型语言，能够运行在客户端浏览器上。 - ...
javascript+jQuery第一章
08-16
javascript jquery 第一章
jQuery 3.1 标准课程第一章 jQuery概述jQuery语
10-31
jQuery 3.1 标准课程第一章 jQuery概述jQuery语法
jQuery 3.1 标准课程第一章 jQuery概述jQuery简
10-31
jQuery 3.1 标准课程第一章 jQuery概述jQuery简介
蓝凌OA-EKP hrStaffWebService 任意文件读取漏洞
iSee857的博客
11-12 398
它集成了流程管理、知识管理、会议管理、公文管理、合同管理、费用管控等多个模块，旨在帮助企业解决基础OA应用、系统集成、开发平台和创新业务定制等长期扩展需求，推动企业实现管理在线化、知识赋能化、运营数字化和人机智能化‌。漏洞，未经身份验证攻击者可通过该漏洞读取系统重要文件（如数据库配置文件、系统配置文件）、数据库配置文件等等，导致网站处于极度不安全状态。在处理客户端输入的参数时，进行严格的验证和过滤，防止未授权的文件访问。返回数据经过base64编码 解码后可得读取数据。
前端 Flex 布局语法详解
ning的博客
11-10 1086
Flex是Flexible Box的缩写，意为“弹性布局”。它允许容器内的项目（子元素）自动调整大小，以适应不同屏幕尺寸和布局需求。如果需要行内Flex布局，可以使用Flex布局提供了一种强大而灵活的方式来创建响应式布局。通过理解并应用上述属性，你可以轻松地创建出复杂且适应不同屏幕尺寸的布局。随着现代浏览器对Flex布局的广泛支持，它已经成为前端开发中不可或缺的一部分。版权声明：本博客内容为原创，转载请保留原文链接及作者信息。参考文章CSDN - Flex布局详解菜鸟教程 - Flex 布局语法教程。
Vue中的常用指令
最新发布
m0_62388400的博客
11-12 903
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
@RestController 源码解读：解决 Web 开发中 REST 服务的疑难杂症
狼堡灰太狼的博客
11-11 704
这里可以理解成，注解MyInterface2的value属性重写了注解MyInterface1的value属性，但重新的属性的返回类型必须相同。可以看出对于value这个属性来说，@Configuration注解中的值会重写@Component的value属性值，这有点像类之间的继承，子类可以重父类的方法。达到 @MyInterface1(value2="number1") 和 @MyInterface1(value1="number1") 的效果相同。JDK 17 引入 records 新特性。
JavaScript与jQuery入门：第1章JavaScript起源与发展
"精通 javascript+jquery第一章" 在网页开发领域，JavaScript和jQuery是非常关键的技术，它们为网页赋予了动态性和交互性。本章主要探讨JavaScript的基本概念及其起源，为后续深入学习奠定基础。 JavaScript的起源...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鋜斗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值