<html>
<head>
<title>Test $$</title>
<script src="prototype.js"></script>
<script>
function test$$(){
/**//*
in case CSS is not your forte, the expression below says
'find all the INPUT elements that are inside
elements with class=field that are inside a DIV
with id equal to loginForm.'
*/
var f = $$('div#loginForm .field input');
var s = '';
for(var i=0; i<f.length; i++){
s += f[i].value + '/';
}
alert(s); // shows: "joedoe1/secret/"
//now passing more than one expression
f = $$('div#loginForm .field input', 'div#loginForm .fieldName');
s = '';
for(var i=0; i<f.length; i++){
s += ( f[i].value ? f[i].value : f[i].innerHTML ) + '/';
}
alert(s); //shows: "joedoe1/secret/User name:/Password:/"
var temp=$$('div#loginForm .field');
alert(temp.innerHTML);
}
function testtoColorPart()
{var num=new Number(50);
alert(num.toColorPart());
}
</script>
<div id='loginForm'>
<div class='field'>
<span class='fieldName'>User name:</span>
<input type='text' id='txtName' value='joedoe1'/>
</div>
<div class='field'>
<span class='fieldName'>Password:</span>
<input type='password' id='txtPass' value='secret' />
</div>
<input type='submit' value='login' />
</div>
<input type=button value='test $$()' onclick='test$$();' />
<input type=button value='testtoColorPart' onclick='testtoColorPart();' />
</body>
</html>
分享到：
相关推荐
Prototype Codes TextBook.rar:Prototype实战教程(爆爽,推荐); 2.Prototype API: Prototype1.5.1_API_CN_A.CHM:Prototype1.5.1中文API,版本一(推荐); prototype1.5.1_API_CN_B.CHM:Prototype1.5.1中文API,版本二...
三、Prototype.js实战应用 1. **模块化开发**：Prototype.js的模块化设计思路可以帮助开发者组织代码，提高代码复用性。使用`Object.extend()`或`Prototype.include()`方法，可以将功能划分到不同的模块中。 2. **...
总的来说，《.prototype.and.scriptaculous.taking.the.pain.out.of.javascript》是一本帮助开发者掌握Prototype和Scriptaculous的实用教程，通过学习，你可以利用这两个库提升网站的动态性和用户体验，同时降低...
《jQuery 前端开发实战教程》主要涵盖了jQuery的基础知识和高级特性，包括选择器、DOM操作、事件处理、动画效果、Ajax以及jQuery Mobile等移动设备应用。以下是一些关键知识点的详细说明： 1. jQuery Mobile选择...
在实战教程的第一部分，`$$('div#loginForm .field input')`这一行代码就展示了`$$`的用法。这行代码会查找ID为`loginForm`的`div`内的所有拥有`field`类的`input`元素。通过这个选择器，我们可以方便地获取到登录...
1. **静态Cell与动态Prototype**： - 在iOS应用开发中，表视图有两种模式：动态原型（Dynamic Prototypes）和静态单元格（Static Cells）。动态原型适合于数据源可变的情况，而静态单元格适用于已知内容和布局的...
Axure RP（Prototype on Rails）允许用户快速创建线框图、原型和规格说明，支持动态面板、自定义函数、交互模拟等功能，使得非程序员也能制作出功能丰富的交互原型。 2. **原型设计基础** - **界面布局**：了解...
本教程《jQuery前端开发实战教程》旨在帮助开发者掌握jQuery的核心概念和实用技巧。 1. jQuery Mobile 选择菜单：在jQuery Mobile中，如果一个选择菜单包含多个类别，可以使用`<optgroup>`元素，它允许你根据`label...
学习Prototype.js，可以参考官方文档，查阅各种教程和示例代码，同时，Stack Overflow 和其他开发者论坛是获取帮助和分享经验的好地方。社区的存在使得解决遇到的问题变得更加容易。 总结，"最新Prototype手册"是...
1. **基础概念**：理解Prototype的核心理念，如其对JavaScript原生对象的扩展，以及如何使用它来简化DOM操作。 2. **对象和函数**：学习Prototype提供的各种对象和函数，如Array、String、Function、Object等的扩展...
2. **AJAX库与框架**：简述jQuery和其他流行库（如Prototype、Dojo）如何简化Ajax开发。 3. **跨域问题与解决方案**：探讨Ajax的同源策略限制及JSONP、CORS等跨域解决方案。 ### 第五章 - PHP与Ajax结合 1. **创建...
三、Prototype实战技巧 1. **模块化开发**：Prototype支持模块化开发，通过`Object.extend()`和`Class.include()`等方法，可以实现代码的模块化组织，提高代码复用性和可维护性。 2. **性能优化**：理解Prototype...
标题中的"AJAX实战"指的是使用Ajax（Asynchronous JavaScript and XML）技术进行Web开发的实践教程。Ajax是一种在不刷新整个网页的情况下，通过后台与服务器交换数据并局部更新页面的技术，提高了用户体验。...
标题中的"spring-01-ioc1.rar"表明这是一个关于Spring框架中控制反转（Inversion of Control，简称IoC）的初级教程资源。Spring是Java领域广泛应用的一个轻量级开源框架，它的核心特性就是IoC，它使得应用程序的组件...
本教程将介绍如何创建一个基于jQuery的插件，实现图片的纵向（向上）循环滚动效果，这样的功能常用于网站的轮播图或者产品展示。 首先，我们需要了解jQuery插件的基本结构。一个基本的jQuery插件定义通常如下： ``...
压缩包中的"ajax资料"可能包含了更多关于AJAX的学习资源，如教程、示例代码、实战项目等。这些资料对于深入理解和实践AJAX技术至关重要，可以辅助学习者从理论到实践全方位掌握AJAX。 总之，学习AJAX时，了解并...
《jQuery基础教程》源代码包含了对JavaScript库jQuery的深入学习材料，主要针对初学者和希望提升jQuery技能的开发者。此教程旨在帮助读者理解和掌握如何利用jQuery简化网页开发，提高交互设计和Web应用性能。以下是...
标题提到的“js es6系列教程 - 新的类语法实战选项卡(详解)”表明了文章的主题是围绕JavaScript ES6标准中的类(new class syntax)的实战应用，特别是实现一个选项卡功能。ES6是ECMAScript 2015的别称，它引入了对类...