`
hotforcc
  • 浏览: 61306 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Prototype1.5 的学习笔记

F# 
阅读更多
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
分享到:
评论

相关推荐

    Prototype 1.5 中文文档 chm

    Prototype 最新的1.5 版中文文档,chm格式,很多人都在找。Prototype 是一个非常优秀的javascript基础类库,可以很好的支持Ajax,国外有多个基于此类库的扩展,这是最新的1.5中文文档,AJAX编程必备手册。

    prototype1.5

    《Prototype 1.5:JavaScript 引领Ajax技术新里程》 Prototype 1.5,作为JavaScript库的一个重要里程碑,为Web开发引入了强大...无论是初学者还是经验丰富的开发者,Prototype 1.5都是值得学习和使用的JavaScript库。

    Prototype 1.5 中文手册.rar

    这个"Prototype 1.5 中文手册.rar"压缩包包含了关于Prototype 1.5版本的中文文档,对于学习和使用该库的人来说,是一份非常有价值的参考资料。 1. Prototype基础概念: Prototype库的核心理念是通过扩展JavaScript...

    prototype1.5中文说明

    **Prototype 1.5 中文说明** Prototype 是一个强大的JavaScript库,它极大地简化了JavaScript的开发,特别是对于...无论你是JavaScript新手还是经验丰富的开发者,Prototype 1.5RC2都是一个值得学习和使用的强大工具。

    Prototype1.5中文文档

    资源名称:Prototype 1.5 中文文档内容简介:Prototype 最新的1.5 版中文文档,chm格式,很多人都在找。Prototype 是一个非常优秀的javascript基础类库,可以很好的支持Ajax,国外有多个基于此类库的扩展,这...

    prototype1.5 的方法属性图案

    详细列举了prototype1.5的方法和属性,方便于开发者查阅,使用非常方便

    prototype1.4&prototype1.5

    很实用!包括源文件,以及一些例子!!适合自学者!!

    prototype1.5API

    Prototype 1.5 API 是一...学习Prototype 1.5 API,不仅可以提升JavaScript开发的效率,还能使代码更加模块化和易于维护。通过深入理解这个API,开发者能够更好地利用Prototype库解决实际的Web开发问题,提升用户体验。

    prototype 1.5 scriptaculous 1.6.1 学习笔记

    【prototype 1.5 和 Scriptaculous 1.6.1 学习笔记】 Prototype 是一个 JavaScript 库,它提供了一系列强大的工具,用于简化 JavaScript 的面向对象编程和DOM操作。而 Scriptaculous 是基于 Prototype 的一个...

    prototype chm1.5 中文

    prototype1.5 中文手册 ajax开发人员必备

    Prototype1.5中文API

    Prototype的目的是为了更方便的开发javascript的应用,使用它可以更加方便简单的使用javascript编程,开发出面向对象的javascript程序,Prototype中包含包含了一个功能强大好用的ajax框架,Prototype是一个基础性的...

    Prototype1.5-exe版-中文API

    Prototype的目的是为了更方便的开发javascript的应用,使用它可以更加方便简单的使用javascript编程,开发出面向对象的javascript程序,Prototype中包含包含了一个功能强大好用的ajax框架,Prototype是一个基础性的...

    Really easy field validation with Prototype 1.5.4.1 中文修改版

    所做的更改: &lt;br&gt;1、prototype.js 版本更新为 v1.5.1.1 &lt;br&gt;2、effects.js 版本更新为 v1.7.1_beta3 &lt;br&gt;3、所有校验错误提示信息均修改为中文,提供UTF-8和GB18030两种编码的版本 &lt;br&gt;4、增加"YYYY-MM...

    Prototype学习笔记(一)(二)

    Prototype学习笔记(一)(二)涵盖了这一主题的深入探讨,旨在帮助开发者更好地理解和利用这个特性。在本篇文章中,我们将详细阐述Prototype的核心概念、作用以及如何在实际编程中应用。 首先,Prototype是...

    ProtoType1.5

    一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。

    prototype.js

    其中里面包含了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学习笔记"可能探讨了如何利用原型链实现面向对象编程的关键技术。以下是对这个主题的详细解析。 首先,理解`prototype`的基本含义是关键。在JavaScript中,每个函数都有一个`prototype`属性,这个...

    prototype.js 源码解读, 中文帮助文档

    开发者网站: http://prototype.conio.net/ prototype学习资料包括: prototype14参考 prototype 1.3 源码解读.txt prototype 1.5 参考图 prototype 1.5pre1.js prototype 1.4.js

    prototype-1.6.0.3.js+prototype1.4 、1.5中文手册+prototype1.6英文手册

    总结来说,这个压缩包是学习和使用Prototype JavaScript库的宝贵资源。通过阅读手册,你可以了解如何利用Prototype进行DOM操作、事件处理、Ajax通信和动画效果。而源代码文件`prototype-1.6.0.3.js`则让你可以直接在...

    prototype

    prototype 1.5

Global site tag (gtag.js) - Google Analytics