JS Library 学习笔记:首先当然来试试 jQuery (一)

要撰写前端功能,直接使用JavaScript是绝对可行的,但要更有效率、具有良好开发体验的话,使用Library是现今开发者多数的选择(当然挑选也是一门学问),有效使用 Library,基本上能缩短开发时程、缩短程序码数量或更有架构的规划功能,可以让专案的管理与维护更加便利。

其中jQuery可以说是相当热门的Library,在学了基础的JavaScript後的第四堂课,经常会是以jQuery为主题;而jQuery这边也有定义好的一些动态效果,运用写好的event function,以及更简洁的网页元件指定方式,让开发实作更加便捷。

使用 jQuery:
要在专案中使用Library,需先进行环境设置;依照需求选择合适的方式,而jQuery这边有提供CDN的方式,直接在<head></head>间引入即可。

<head>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
</head>

不论是要监听事件或是增加动态效果,都需要先选择对应的网页元件(当然也可以在此建立一个新元件),与原生JavaScript相同,指定网页元件一样可以利用Id、Class或是HTML Tag(例如:<div><h1>等)来指定;而jQuery之所以应用广泛,正是因为他有效简化了程序码:

//JavaScript 使用Id指定
document.getElementById('my-div');
//jQuery 使用Id指定
$('#my-div')

<<:  DAY12 - 使用 angular fire 操作firebase

>>:  [Day-18] 一维阵列小练习

[Day6] [笔记] React Component (下)

前言 昨天我们知道 Component 是什麽,与其优点。那我们今天就接续介绍在 Component...

[day5]API串接-安全签章Sign(二)

安全签章计算(Sigh) 在产出安全签章前必须完成以下任务,要先取得 Nonce、Hash ID、讯...

Day17-维稳? StatefulSet介绍

在pod的生态中,本身就是一个小小世界,新旧pod之间通常不影响,当建立新的pod时,基本上不会跟被...

[iT铁人赛Day22]练习题(1)

昨天教到如何下载以及使用疯狂程设,今天就来试着做一题练习题吧。 登入疯狂程设,点选CPE考古题就会出...

Day 11【连动 MetaMask - Pop Up & Login Detection】Can`t use current password.

【前言】 嗨嗨大家好,今天的主题延续昨天的检测是否已经安装插件後,紧接着而来的是 MetaMask...