iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 28
1
自我挑戰組

跨領域的隨想系列 第 28

初戀那件小事---jQuery的隱式迭代

  • 分享至 

  • xImage
  •  

一開始雖然是被$符號吸引來學jQuery(想說這是什麼神秘的組織記號XD),但讓我喜歡上他的第一點是他的隱式迭代功能,簡直帥到不行。
延續上一篇想要讓老大變色的故事,我想要全部的小孩都變色。
這是html碼:

<ul>
  <li>我是老大</li>
  <li>我是老二</li>
  <li>我是老三</li>
</ul>

原生JS讓小孩全部變色:

const li = document.querySelectorAll('li')

for (let i = 0; i < li.length; i++) {
  li[i].style.color='red'
}

jQeury讓小孩全部變色:

$(function(){
  $("li").css('color','red')
})


jQuery自帶的隱式迭代功能讓我們可以不用去遍歷li他就可以直接操作全部的li,雖然看起來沒什麼,a piece of cake的存在,但很帥!!

寫在最後一篇希望可以讓大家有興趣學習jQuery,學習之前原生JS的功力是必要的,畢竟jQuery是以JS為基底,也才能體會他的slogan---write less, do more。超級感謝jQuery的開發者:)~


上一篇
選到了,然後呢?---jQuery物件介紹(2)
下一篇
原來有一天我可以有其他選擇---面試TFT暑期實習計畫網頁組心得
系列文
跨領域的隨想30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
carrot7712
iT邦新手 5 級 ‧ 2020-10-11 23:04:34

堅持了 28 天!!真是厲害!比喻都很有趣呢:)
期待完賽 GOGO!
/images/emoticon/emoticon08.gif

我要留言

立即登入留言