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 代码
- var $A = Array.from = function(iterable) {
- if (!iterable) return [];
- if (iterable.toArray) {
- return iterable.toArray();
- } else {
- var results = [];
- for (var i = 0, length = iterable.length; i < length; i++)
- results.push(iterable[i]);
- return results;
- }
- }
例子:
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
分享到:
- 2007-08-25 09:12
- 浏览 1329
- 评论(0)
- 论坛回复 / 浏览 (0 / 2015)
- 查看更多
相关推荐
Prototype 最新的1.5 版中文文档,chm格式,很多人都在找。Prototype 是一个非常优秀的javascript基础类库,可以很好的支持Ajax,国外有多个基于此类库的扩展,这是最新的1.5中文文档,AJAX编程必备手册。
《Prototype 1.5:JavaScript 引领Ajax技术新里程》 Prototype 1.5,作为JavaScript库的一个重要里程碑,为Web开发引入了强大...无论是初学者还是经验丰富的开发者,Prototype 1.5都是值得学习和使用的JavaScript库。
这个"Prototype 1.5 中文手册.rar"压缩包包含了关于Prototype 1.5版本的中文文档,对于学习和使用该库的人来说,是一份非常有价值的参考资料。 1. Prototype基础概念: Prototype库的核心理念是通过扩展JavaScript...
**Prototype 1.5 中文说明** Prototype 是一个强大的JavaScript库,它极大地简化了JavaScript的开发,特别是对于...无论你是JavaScript新手还是经验丰富的开发者,Prototype 1.5RC2都是一个值得学习和使用的强大工具。
资源名称:Prototype 1.5 中文文档内容简介:Prototype 最新的1.5 版中文文档,chm格式,很多人都在找。Prototype 是一个非常优秀的javascript基础类库,可以很好的支持Ajax,国外有多个基于此类库的扩展,这...
详细列举了prototype1.5的方法和属性,方便于开发者查阅,使用非常方便
很实用!包括源文件,以及一些例子!!适合自学者!!
Prototype 1.5 API 是一...学习Prototype 1.5 API,不仅可以提升JavaScript开发的效率,还能使代码更加模块化和易于维护。通过深入理解这个API,开发者能够更好地利用Prototype库解决实际的Web开发问题,提升用户体验。
【prototype 1.5 和 Scriptaculous 1.6.1 学习笔记】 Prototype 是一个 JavaScript 库,它提供了一系列强大的工具,用于简化 JavaScript 的面向对象编程和DOM操作。而 Scriptaculous 是基于 Prototype 的一个...
prototype1.5 中文手册 ajax开发人员必备
Prototype的目的是为了更方便的开发javascript的应用,使用它可以更加方便简单的使用javascript编程,开发出面向对象的javascript程序,Prototype中包含包含了一个功能强大好用的ajax框架,Prototype是一个基础性的...
Prototype的目的是为了更方便的开发javascript的应用,使用它可以更加方便简单的使用javascript编程,开发出面向对象的javascript程序,Prototype中包含包含了一个功能强大好用的ajax框架,Prototype是一个基础性的...
所做的更改: <br>1、prototype.js 版本更新为 v1.5.1.1 <br>2、effects.js 版本更新为 v1.7.1_beta3 <br>3、所有校验错误提示信息均修改为中文,提供UTF-8和GB18030两种编码的版本 <br>4、增加"YYYY-MM...
Prototype学习笔记(一)(二)涵盖了这一主题的深入探讨,旨在帮助开发者更好地理解和利用这个特性。在本篇文章中,我们将详细阐述Prototype的核心概念、作用以及如何在实际编程中应用。 首先,Prototype是...
一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。
其中里面包含了prototype1.5 prototype1.5.1 prototype1.5.1.1 prototype1.5.1.2 prototype1.6.0。五个版本。 http://blog.csdn.net/boat1980/archive/2008/04/10/2278259.aspx这个连接有1.5.1.1代码的注释。
这篇"prototype学习笔记"可能探讨了如何利用原型链实现面向对象编程的关键技术。以下是对这个主题的详细解析。 首先,理解`prototype`的基本含义是关键。在JavaScript中,每个函数都有一个`prototype`属性,这个...
开发者网站: http://prototype.conio.net/ prototype学习资料包括: prototype14参考 prototype 1.3 源码解读.txt prototype 1.5 参考图 prototype 1.5pre1.js prototype 1.4.js
总结来说,这个压缩包是学习和使用Prototype JavaScript库的宝贵资源。通过阅读手册,你可以了解如何利用Prototype进行DOM操作、事件处理、Ajax通信和动画效果。而源代码文件`prototype-1.6.0.3.js`则让你可以直接在...
prototype 1.5