`
wutao33543
  • 浏览: 64834 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Prototype实战教程----6.$

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>$</title>
        <script type="text/javascript" language="javascript"
         src="prototype.js" ></script>
        <script type="text/javascript" language="javascript">
        function test1() {
            var div = $("div1"); // 单个参数
            alert(div.innerHTML);
        }
        
        function test2() {
            var divs = $("div1", "div2"); // 多个参数
            for (var i = 0; i < divs.length; i++) {
                alert(divs[i].innerHTML);
            }
        }
        </script>
    </head>
    <body>
    <div id="div1">
        div1
    </div>
    <div id="div2">
        div2
    </div>
    <input type="button" value="click1" onclick="test1()" />
    <input type="button" value="click2" onclick="test2()" />
    </body>
</html>
分享到:
评论

相关推荐

    Div+css布局教程,Prototype教程,js教程

    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.cn.doc.rar

    三、Prototype.js实战应用 1. **模块化开发**:Prototype.js的模块化设计思路可以帮助开发者组织代码,提高代码复用性。使用`Object.extend()`或`Prototype.include()`方法,可以将功能划分到不同的模块中。 2. **...

    .prototype.and.scriptaculous.taking.the.pain.out.of.javascript

    6. **实战案例**:书中可能会包含一些实际项目示例,展示如何结合Prototype和Scriptaculous开发复杂的AJAX应用。 7. **兼容性和性能优化**:讨论如何确保代码在不同浏览器上的兼容性,以及如何优化AJAX请求以提高...

    jQuery前端开发实战教程.docx

    《jQuery 前端开发实战教程》主要涵盖了jQuery的基础知识和高级特性,包括选择器、DOM操作、事件处理、动画效果、Ajax以及jQuery Mobile等移动设备应用。以下是一些关键知识点的详细说明: 1. jQuery Mobile选择...

    从零开始学iOS7开发系列教程-事务管理软件开发实战-Chapter81

    在本篇iOS7开发系列教程的第81章中,我们专注于事务管理软件的开发,主要探讨如何在Add Item界面创建一个静态表格视图,并添加一个文本字段供用户输入信息。这一章节涉及到以下核心知识点: 1. **静态Cell与动态...

    Prototype教程

    在实战教程的第一部分,`$$('div#loginForm .field input')`这一行代码就展示了`$$`的用法。这行代码会查找ID为`loginForm`的`div`内的所有拥有`field`类的`input`元素。通过这个选择器,我们可以方便地获取到登录...

    Axure RP原型设计基础与案例实战-配书资源.rar

    Axure RP(Prototype on Rails)允许用户快速创建线框图、原型和规格说明,支持动态面板、自定义函数、交互模拟等功能,使得非程序员也能制作出功能丰富的交互原型。 2. **原型设计基础** - **界面布局**:了解...

    jQuery前端开发实战教程.pdf

    本教程《jQuery前端开发实战教程》旨在帮助开发者掌握jQuery的核心概念和实用技巧。 1. jQuery Mobile 选择菜单:在jQuery Mobile中,如果一个选择菜单包含多个类别,可以使用`&lt;optgroup&gt;`元素,它允许你根据`label...

    PROTOTYPE 官方+个人整理的帮助文档

    6. **实战示例**:通过实际代码示例,学习如何在项目中有效应用Prototype,提升开发效率。 这份文档应该是新学习Prototype的开发者的一份宝贵资源,通过系统阅读和实践,可以帮助他们快速上手并精通Prototype库的...

    最新Prototype手册

    学习Prototype.js,可以参考官方文档,查阅各种教程和示例代码,同时,Stack Overflow 和其他开发者论坛是获取帮助和分享经验的好地方。社区的存在使得解决遇到的问题变得更加容易。 总结,"最新Prototype手册"是...

    prototype从入门到精通

    三、Prototype实战技巧 1. **模块化开发**:Prototype支持模块化开发,通过`Object.extend()`和`Class.include()`等方法,可以实现代码的模块化组织,提高代码复用性和可维护性。 2. **性能优化**:理解Prototype...

    Ajax与PHP基础教程.rar

    2. **AJAX库与框架**:简述jQuery和其他流行库(如Prototype、Dojo)如何简化Ajax开发。 3. **跨域问题与解决方案**:探讨Ajax的同源策略限制及JSONP、CORS等跨域解决方案。 ### 第五章 - PHP与Ajax结合 1. **创建...

    AJAX实战 PROTOTYPE与SCRIPTACULOUS篇 随书源码

    标题中的"AJAX实战"指的是使用Ajax(Asynchronous JavaScript and XML)技术进行Web开发的实践教程。Ajax是一种在不刷新整个网页的情况下,通过后台与服务器交换数据并局部更新页面的技术,提高了用户体验。...

    spring6pdf详细讲解

    在本教程中,我们将详细讲解 Spring 框架的各个方面,包括 IoC、DI、AOP、事务管理和 JDBC 等。我们还将提供多种实践和示例代码,以帮助开发者快速掌握 Spring 框架。 在 Spring 中,控制反转(IoC)和依赖注入(DI...

    学习ajax需要导的文件及jar包

    压缩包中的"ajax资料"可能包含了更多关于AJAX的学习资源,如教程、示例代码、实战项目等。这些资料对于深入理解和实践AJAX技术至关重要,可以辅助学习者从理论到实践全方位掌握AJAX。 总之,学习AJAX时,了解并...

    发布一个jquery插件-图片纵向(向上)循环滚动

    本教程将介绍如何创建一个基于jQuery的插件,实现图片的纵向(向上)循环滚动效果,这样的功能常用于网站的轮播图或者产品展示。 首先,我们需要了解jQuery插件的基本结构。一个基本的jQuery插件定义通常如下: ``...

    《jquery.基础教程》源代码

    6. **jQuery与其他库的兼容性**:jQuery通常与其他JavaScript库如Prototype、MooTools等能良好共存,通过使用$.noConflict()方法可以避免命名空间冲突。 7. **jQuery插件**:jQuery拥有丰富的插件生态系统,如...

    js es6系列教程 - 新的类语法实战选项卡(详解)

    标题提到的“js es6系列教程 - 新的类语法实战选项卡(详解)”表明了文章的主题是围绕JavaScript ES6标准中的类(new class syntax)的实战应用,特别是实现一个选项卡功能。ES6是ECMAScript 2015的别称,它引入了对类...

Global site tag (gtag.js) - Google Analytics