prototype中文介绍

 

$::Utility Methods<o:p></o:p>

---------------------------------------------------------------------------<o:p></o:p>

$(id | element) -> HTMLElement<o:p></o:p>

$((id | element)...) -> [HTMLElement...]<o:p></o:p>

If provided with a string, returns the element in the document with matching ID; otherwise returns the passed element. Takes in an arbitrary number of arguments. All elements returned by the function are extended with Prototype DOM extensions.<o:p></o:p>

---------------------------------------------------------------------------------------<o:p></o:p>

如果提供一个字符串给$()函数，例如 $(“div1”) 返回 id 为 div1的对象。<o:p></o:p>

如果传递的是一个对象。那么返回这个元素. $(obj) à obj<o:p></o:p>

如果传递一系列的id或者对象参数，所有的对象都会被返回，并以数组的形式。divs=$('div1','div2'); <o:p></o:p>

<o:p> </o:p>

不存在的ID返回null。<o:p></o:p>

如果传入的为多个id或者对象，如果遇到null对象,执行到遇到null为止将不再继续<o:p></o:p>

<o:p> </o:p>

如果页面包含2个id是相同的。返回第一个id符合的对象<o:p></o:p>

<o:p> </o:p>

$()函数返回的是Element对象。所以你可以使用Element.extend后的方法。例如可以使用$('itemId').hide();类似Element.hide('itemId');<o:p></o:p>

<o:p> </o:p>

当使用数组迭代器['item1', 'item2', 'item3'].each(Element.hide);执行某些操作时<o:p></o:p>

<o:p> </o:p>

$()函数可以让代码更优雅<o:p></o:p>

<o:p> </o:p>

$('item1', 'item2', 'item3').invoke('hide');<o:p></o:p>

<o:p> </o:p>

<o:p> </o:p>

<o:p> </o:p>

<o:p> </o:p>

<o:p> </o:p>

<o:p> </o:p>

<o:p> </o:p>

$$ :: Utility Methods<o:p></o:p>

--------------------------------------------------------------------------------------<o:p></o:p>

<o:p> </o:p>

$$(cssRule...) -> [HTMLElement...]<o:p></o:p>

<o:p> </o:p>

性能问题<o:p></o:p>

这里有些指导方针:<o:p></o:p>

1.     如果你要选择指定css类名的元素，可以使用document.getElementsByClassName() 这个Prototype的扩展方法<o:p></o:p>

2.     if this search is constrained within a given container element, use the Element.getElementsByClassName() extension. 如果搜索对给定的容器元素是不舒服的,使用getElementsByClassName扩展方法<o:p></o:p>