這個用法在很多 framework 上都一樣,只是簡化了
document.getElementById('button') 這個函數
$$('#button')
這個選擇函數跟 CSS 的選擇方式是一樣的,可以選出一個元素群
$$('#button a')
取得 id="button" 下所有 <a> 的元素
$$('#button a','#button b')
取得 id="button" 下所有 <a> 及 <b> 的元素
$$('#button a.link')
取得 id="button" 下所有 <a class="link"> 的元素
$('button').getElements('a[title=link]')
取得 id="button" 下所有 <a title="link"> 的元素
$('button').getElements('a[title$=ink]')
取得 id="button" 下所有 <a> 屬性 title 以 ink 結尾的元素
其他選擇方式:
= :等於
^=:開始等於
$=:結尾等於
!=:不等於
$('button').getElement('a[name=link]')
與 getElements() 相同:
但只會取得 id="button" 下第一個 <a name="link"> 的元素
$('button').getElementsBySelector('a','b')
與 getElements() 相同:
可以取得 id="button" 下所有 <a> 及 <b> 的元素
類別庫:
Element.js
Element-Selectors.js
沒有留言:
張貼留言
你好!歡迎你在我的 Blog 上留下你寶貴的意見。