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

//jQuery 使用Id指定
$('#my-div')
//jQuery 使用Class指定
$('.my-div')

当指定到对的网页元件後,原生的addEventListener可以直接使用定义好的on()函数,两者用法差不多相同,第一个参数是需监听的事件,第二个则是要执行的对应function:

$('#my-div').on('click',function(){
    $( this ).css('border-width','2px')
})
// function使用的是jQuery的css函式

除此之外,jQuery还把常使用到的click、hover等事件,提供对应的click()、hover()函式,以上方例子来说,可以改写成:

$('#my-div').click(function(){
    $( this ).css('border-width','2px')
})

jQuery的事件们:
https://api.jquery.com/category/events/


<<:  [Day28] 一次跑n支策略最佳化

>>:  30天打造品牌特色电商网站 Day.14 导览列基础制作(下)

Day 28 - 设定 GRE Tunnel

如果有用过 HE 提供的 Tunnel Broker 服务的话,应该对 SIT 隧道不陌生。 但是,...

[Java Day22] 5.2. 取值式 & 设值式

教材网址 https://coding104.blogspot.com/2021/06/java-g...

Day27:HTML(25) form(4)

"textarea"元素 "textarea"元件定义了多行...

Day21 AJAX 请求方法?

大家好我是乌木白,今天要衔接昨天的内容,我们今天继续讨论AJAX! 什麽是 HTTP 请求方法? ...

【Day5】不是八卦阵的有序集合:阵列

阵列算是一种「特殊物件」,可以在里面放入0到多个元素,里面的元素可以是字串、数字等原始型别资料、也...