JavaScript 與 jQuery 均能輕易取得網頁文件上的特定單一元素，考慮以下的配置：
要取得此 div 元素，最基礎的 JavaScript 語法如下：
調用 document 物件的 getElementById() 並且指定其 id 屬性值 s1 即可，這也是最廣泛的用法。HTML5 導入 querySelctor() ，接受選擇器的語法，所需的程式碼如下：
此次必須以 #s1 取代 s1 ，這種寫法比較彈性，只要能定義出選擇器，就能找到元素，並不一定要依賴 id 名稱。而早在 HTML5 流行之前，jQuery 便支援了選擇器的寫法，如下式：
這是最簡單的寫法，正因為簡單的語法與CSS選擇器的彈性結合，讓 jQuery 能夠成為最受歡迎的 JavaScript 快速開發輔助工具。
相關閱讀
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<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 快速開發輔助工具。
相關閱讀
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
沒有留言:
張貼留言