jQuery入门之初识jQuery

第6章 初识jQuery jQuery是一个快速、简洁的JavaScript库(框架)。其宗旨是“”,即“写更少的代码,做更多的事情”。学会调用函数。 阅读详情

引言: 由于最近工作闲暇之余,为了不虚度光阴,决定开始jQuery学习之旅。

笔者是专注JavaEE企业级应用开发领域的小菜鸟。对于前端的东西并不感冒,不过还是想起初中时老师的那个通知书评语:不积硅布,不无以致千里,好吧。开始小菜鸟的jQuery之旅吧!

以下所有内容,都是摘自网上,自己整理出的一套对于初学者入门的知识,希望对和我一样的初学者有帮助,废话不多说,开始吧!

1. 入门之前,先补充一些概念性的知识!

  • jQuery是脚本库,而不是不脚本框架,“库”不等于“框架”;比如:System程序集是类库,而struts的MVC是框架!
  • jQuery 是由美国人: John Regig 创建!

2. 简单归纳一下此类库优点及应用场合,让大家对jQuery这个轻量级的javascript库有个初步印象!

  • jQuery 是继prototype之后又一优秀的javascript框架,它是轻量级的js库(压缩后只有21k).
  • jQuery 兼容CSS3,兼容各种浏览器(IE 6+,FF 1.5+,Safari 2.0+,Opera 9.0+,chrome 1.0+).
  • jQuery 使用户能方便的处理HTML documents,events,实现动画效果,并且方便为网站提供ajax交互.
  • jQuery 的文档说明很全,同时各种应用和也详细,当然也有许多成熟的插件可供选择。
  • jQuery 能使用户的html页保持代码和内容分离,也就是说,不用再做html页面里插入一堆js来调用命令了,只需要定义id即可.
3. 特点
a. 提供强大的函数功能
使用这些功能函数,能够帮助我们快速完成各种功能,且会让我们的代码异常简洁
b. 解决浏览器兼容问题
javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦, 常常一个页面在IE7,Firefox下运行正常, 在IE6下就出现莫名其妙的问题. 针对不同的浏览器编写不同的脚本是一件痛苦的事情. 有了jQuery我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则通过统一event对象,让我们可以在所有浏览器中使用event.target获取事件对象.
c. 丰富的UI
jQuery可以实现比如渐变弹出, 图层移动等动画效果, 让我们获得更好的用户体验. 单以渐变效果为例, 从前我自己写了一个可以兼容ie和ff的渐变动画, 使用大量javascript代码实现, 费心费力不说, 写完后没有太多帮助过一段时间就忘记了. 再开发类似的功能还要再次费心费力. 如今使用jQuery就可以帮助我们快速完成此类应用.
4. 关于
官网:http://www.jquery.com/
后续以连载的形式逐步学习jQuery的各项知识点。本教程参考 http://www.w3school.com.cn/jquery/index.asp 中逐步进入jQuery的世界!

jQuery入门之初识jquery对象 1.简介 jQuery()是jQuery的构造函数,返回根据传递的参数在DOM中找到或通过传递HTML字符串创建的匹配元素的集合。 jQuery的构造函数可以有多种不同类型的参数 2.选择器 jQuery()构造函数可以传入一个selector选择器来指定要包含的dom元素: <html> <head> <script src="https://code.jquery.com/jquery-3.5.1.min.js"&... 阅读详情

相关推荐

5.4 磁悬浮轴承控制系统仿真:在MATLAB/Simulink中搭建包含功放、传感器模型的闭环系统模型,进行稳定性与动态性能仿真

磁悬浮轴承控制系统仿真方法 摘要:磁悬浮轴承控制系统仿真需建立包含转子动力学、传感器、控制器、功率放大器和电磁执行器的高保真非线性模型。通过MATLAB/Simulink搭建闭环系统,重点建模传感器带宽限制与噪声、功放饱和特性以及电磁力非线性。仿真分析包括时域阶跃响应、扰动抑制测试,频域稳定性分析(伯德图、奈奎斯特图),以及参数摄动下的鲁棒性验证。关键要验证控制算法在非线性因素影响下的稳定性和动态性能,为实际系统实现提供可靠依据。仿真中需特别注意物理量单位一致性和数字控制离散化效应。

技术工作者 1108

jQuery入门初识 未完待续···

jQuery入门初识一、jQuery初步了解1、定义:2、jQuery库包含哪些功能3、为什么使用jQuery4、jQuery的基本语法5、jQuery选择器6、常用的 jQuery 事件方法二、jQuery效果1、隐藏和显示动画2、滑动动画3、透明度动画4、自定义动画5、解除动画的排列机制三、JQ操作1、操作元素节点2、操作属性节点3、操作文本节点4、JQ操作CSS四、JQ中的事件1、 UI事件2、焦点事件:3、鼠标事件:5、键盘事件6、表单事件7、页面载入事件8、事件绑定9、事件委托 一、jQuery初

a_l_f_的博客 1753

6轴机械臂(拟人臂+球形腕(三轴相交于一点))正逆运动学求解

1、DH坐标下机械臂参数 theta=[pi/10,pi/2,pi/4,-pi/4,pi/4,-pi/8];%关节角度 a=[0, 0.260, 0.025, 0, 0, 0];%连杆长度 d=[0, 0, 0, 0.280, 0, 0.072];%偏移距离 alpha=[pi/2, 0, pi/2, -pi/2 , pi/2, 0];%RBR型6轴机械臂 使用...

qq_33374294的博客 7883

初识【jQuery】,入门必看!

什么是jQuery? jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。 jQuery使用方式 直接下载并且通过script导入到代码中 。 <script src=”https://unpkg.com/jquery”></script> npm导入:npm install jquery

jingjing的博客 271

Py6S安装失败?手把手教你解决‘6S executable not found‘错误

本文详细解析了Py6S安装过程中常见的'6S executable not found'错误,提供了从MinGW-w64安装到Fortran编译器配置的完整解决方案。通过优化编译环境和进阶技巧,帮助用户高效完成大气辐射传输建模,提升科学计算效率。

x1y2z的博客 642

从mseed到SAC格式转换全攻略:mseed2sac工具安装与批量处理技巧

本文详细介绍了如何将mseed格式的地震数据高效转换为SAC格式,涵盖mseed2sac工具的安装、单文件转换技巧、批量处理自动化实现以及元数据高级处理策略。通过具体命令和脚本示例,帮助地震学研究者快速掌握数据预处理的关键技术,提升波形数据分析效率。

ruby5的博客 927

jQuery入门-初识jQuery

目录 什么是jQuery? 下载jQuery jQuery的入口函数 对比JavaScript的入口函数jQuery的入口函数,执行时机 jQuery对象和DOM对象的区别 jQuery对象和DOM对象的互相转换 $符号的实质 jQuery的基本选择器&amp;层级选择器 Mouseenter和mouseover的区别 jQuery的过滤选择器&amp;筛选选择器 index...

a549654065的博客 621

Java实现双色球&大乐透随机选号算法——原理详解与代码实战

掌握核心语法:集合操作、随机数生成、排序。贴近实际场景:将编程知识应用于生活问题的解决。

wangchl0932的博客 4980

JQuery实战---初识JQuery+入门实例

JQuery在小编的世界中,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库,百度百科对JQuery的介绍比较详细,小伙伴可以东东自己可耐的小爪子,上网进行搜索,说不定,有意外惊喜哦,今天这篇博客,小编简单的介绍一下JQuery的一些基本知识,然后小编在集合实例,讲解一下在具体的应用过程中,我们的JQuery又是如何在她的舞台熠熠生辉......

从手指到键盘,谱出生命的轨迹~~~ 2589

Happycapy深度解析:AI智能体的“iPhone时刻“来了?

从理论到实践深度解析了融合OpenClaw和ClaudeCode优点的超强智能体工具Happycapy

program哲学 457

国科大作业考试资料-人工智能原理与算法-2024新编-第十一次作业整理

1、有一位教授想知道学生是否睡眠充足。每天,教授观察学生在课堂 上是否睡觉,并观察他们是否有红眼。教授获得如下的领域知识: (1)没有观察数据时,学生睡眠充足的先验概率为0.7。 (2)给定学生前一天睡眠充足为条件,学生在晚上睡眠充足的概率是0.8;如果前一天睡眠不充足,则是0.3。 (3)如果学生睡眠充足,则红眼的概率是0.2,否则是0.7。 (4)如果学生睡眠充足,则在课堂上睡觉的概率是0.1,否则是0.3。 将这些信息形式化为一个动态贝叶斯网络,使教授可以使用这个网络从观察序列中进行滤波和预

MatsumotoChrikk 1055

jQuery零基础入门——(一)初识jQuery

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33890526的博客 121

PCL 八叉树的使用

八叉树(Octree)是一种空间划分的数据结构,广泛应用于三维点云的处理和分析。八叉树通过将空间递归地划分为八个子区域,可以有效地组织和索引三维点数据,提升点云的查询、降采样和配准等操作的效率。

纵马踏花向自由 1658

jQuery入门总结---初识jQuery(一)

    之前编码工作,总是在遇到问题后,去百度查找解决方法,这样下来虽然能解决问题,但是知识不是很系统,因此跟着知识点系统的学习,(比如W3C、菜鸟教程等)看完之后如果不做记录,很快将会遗忘,So在学习的同时适当做下笔记,加深印象。    jQuery是轻量级JavaScript 库;如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务,通过使用 jQuery 应用 Ja...

xueyue616的博客 1083

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

jQuery入门-选择器-2.初识jQuery选择器

jQuery中的选择器完全继承了CSS的风格。利用jQuery选择器,可以非常便捷和快速地找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器支付支持这一选择器。学会使用选择器是学习jQuery的基础,jQuery的行为规则都必须在获取到元素后才能生效。 一个简单的例子,代码如下: <script type="text/javascript"&g...

bao6478的博客 266

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

jqurey学习碎片-0001-jquery初识入门

十多年一直在做传统公司的运营与管理,公司也逐步交给其他股东来做。基于兴趣,再次接触编程,宁静有趣的世界,从现在开始坚持编程学习的记录。 1、关于十多年前的前端开发,记得09年初年初识jquery,给人感觉是书写简洁、易用、灵活,提供了快速查询DOM文档中元素的能力,让UI内容和行为分离变得更加容易。 2、jquery配置、...

weixin_42172723的博客 73

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

初识jQuery基础入门到放弃Day3——笔记整理+作业×1+经典例题×1

1.jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型 <body> <div></div> <script> $(function() { // 1. width() / height() 获取设置元素 width和height大小 console.log($("div").width()); /

Myself's 优快云 456

初识jquery

初识jquery 如何使用jquery 1.导入jquery库,通过官网查找(https://jquery.com/) 不同的版本兼容的浏览器版本也不同,推荐使用1.0版本的 <script src="jQuery/jquery-1.12.4.js"></script> 2,在固定的框架中编写代码` $(function(){ //编写jQuery相关代码 alert('测试') }) 接下

smile_team的博客 259

初识jQuery(一)

                            初识jQuery(一) 1.jQuery库文件 (1)jQuer...

XH971212的博客 115

初识jQuery

初识jQuery 1.jQuery引入 下载 npm in stall jquery 引入jQuery &amp;amp;amp;amp;amp;amp;lt;script src =&amp;amp;amp;amp;amp;quot;node_modules/jquery/dist/jquery.min.js&amp;amp;amp;amp;amp;quot; type=&amp;amp;amp;amp;amp;quot;text/javascript&amp;a

weixin_43654210的博客 276

JQuery --- 第一期 (初识jQuery, JQuery核心函数和工具方法)

个人学习笔记 初识jQuery 1.我的第一个JQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>MyJQuery</title> <script src="jquery-1...

weixin_30437481的博客 130

JQuery从入门到实战

jQuery入门到实战

楠黎倾风的博客 6509

初识 jQuery

jQuery是一个适合摸鱼的轻量级 JavaScript 库,用它能写的更少的代码,但能做的更多的事情。个人学习笔记。

CS@zeny的博客 553

初识jQuery 笔记分享

初识jQuery 1.jQuery概述(jQ) jQuery是JS流行库之一 2006年诞生 约翰·莱西格 口号:write less , do more 风靡10余年 优势: 强大的jQ选择器(jQ借助CSS选择器的思想来实现节点选中) 支持大多数的CSS选择器语法 还有自行研制了一些高级选择器 出色的DOM封装 jQ封装了大量的方法 弥补了JS在一些功能上的缺失和缺陷 解决了一些兼容性...

weixin_45606163的博客 214

jQuery初识

在学习完js之后就步入了jQ的学习,都知道,js的原生代码敲起来很头疼,像创建DOM节点和获取节点这样的难点,很多人学习起来就会有一定的难度,但是jQ就不同了。 jQuery是由美国人John Resig于2006年初创建,至今已吸引了来自世界各地的众多javascript高手加入其团队中。 事实上,jQuery就是一个快速的、简洁的JavaScript库,能够使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。而且在使用时,能够使用户的htm

weixin_43424900的博客 1062
上一篇: 每个程序员都应该知道的福利
下一篇: jQuery入门之构造函数
疯疯爱吃辣
博客等级 码龄15年 25粉丝 26原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值