【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 4 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

JavaScript 與 jQuery 取得特定單一元素的方式

JavaScript 與 jQuery 均能輕易取得網頁文件上的特定單一元素,考慮以下的配置:

<div id="s1" >HTML5從零開始</div>

要取得此 div 元素,最基礎的 JavaScript 語法如下:

document.getElementById('s1')

調用 document 物件的 getElementById() 並且指定其 id 屬性值 s1 即可,這也是最廣泛的用法。HTML5 導入 querySelctor() ,接受選擇器的語法,所需的程式碼如下:

document.querySelector('#s1')

此次必須以 #s1 取代 s1 ,這種寫法比較彈性,只要能定義出選擇器,就能找到元素,並不一定要依賴 id 名稱。而早在 HTML5 流行之前,jQuery 便支援了選擇器的寫法,如下式:

$('#s1')  // 取得識別 id 等於 s1 的標籤元素

這是最簡單的寫法,正因為簡單的語法與CSS選擇器的彈性結合,讓 jQuery 能夠成為最受歡迎的 JavaScript 快速開發輔助工具。


相關閱讀
========================================

沒有留言: