Prototype1.5 的学习笔记

Prototype1.5的教程

$${}的用法
' ' = getElementByTagName
'#' = getElementById
' ' = getElementByClass
一些例子
$$('div')
// 返回所有文档中的div元素.  类似于document.getElementsByTagName('div')！
$$('#contents')
// 类似于$('contents'), 只是它返回的是一个数组。
$$('li.faux')
// 返回所有类名是'faux'的LI元素。
$$('#contents a[rel]')
// 返回在ID是'contents'的元素里面的所有拥有rel属性的超链接元素。
$$('a[href="#"]')
// 返回所有href属性为'#'的超链接元素。
$$('#navbar li', '#sidebar li')
// 返回在ID是'navbar'或'sidebar'的元素中的所有LI元素。
$$('div #loginForm .field input')
//返回标签时div中的，id是loginForm并且class是field  里面的input标签
$$('div#loginForm .field input', 'div#loginForm .fieldName');
//同上

$A的用法

源代码:

js 代码

1. var $A = Array.from = function(iterable) {   
2.       if (!iterable) return [];   
3.       if (iterable.toArray) {   
4.             return iterable.toArray();   
5.       } else {   
6.         var results = [];   
7.         for (var i = 0, length = iterable.length; i < length; i++)   
8.               results.push(iterable[i]);   
9.             return results;   
10.       }   
11. }  

例子:
var someNodeList = $("lstFramework").getElementsByTagName("option");
 //获得select tag中的所有的option数组
 var nodes = $A(someNodeList);
       
var info = [];
// this is a array
nodes.each (function(node){
      info.push(node.value + ": " + node.innerHTML);
 });

//iterator数组,node为iterator的名称不能改的元素
       alert(info.join("\r\n"));
//为数字的每个元素增加\r\n

$F的用法

$F(element) -> value
返回一个表单控件的值。它是Form.Element.getValue的一个简短别名。

$H恩少用，也不安全，PASS
$R恩少用，PASS

${}的用法
单个参数返回Element
多个参数返回Array

 var div = $("div1"); // 单个参数
 alert(div.innerHTML);


 var divs = $("div1", "div2"); // 多个参数
 or (var i = 0; i < divs.length; i++) {
         alert(divs[i].innerHTML);
  }
  //Array