一開始雖然是被$符號吸引來學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的開發者:)~