1.前言

Prototype库提供了一个简化的访问方式,就是获取id为tagName的HTML元素。

1)        $(String tagName):直接获取id为tagName的HTML元素。

2)        $(String tagName1,StrigtagName2):获取id为tagName1、tagName2的HTML元素数组。

注:$()函数除了可以接受一个HTML元素的ID之外,还可以接受多个ID。如果为该函数传入多个HTML元素的ID,该函数将返回多个ID对应的HTML元素的数组。

2.例子

看下面简单的代码。

 <!DOCTYPE html>
<html>
<head><meta name="author" content="OwenWilliam" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> $()函数 </title>
</head>
<body>
<script src="../prototype.js" type="text/javascript">
</script>
<script type="text/javascript">
function clickHandler()
{// 访问a2元素$("out").innerHTML += $("a2").value;
}
</script>
<input id="a1" name="a2" type="text" value="第一个文本框"/><br />
<input id="a2" name="a1" type="text" value="第二个文本框"/><br />
<input οnclick="clickHandler();" type="button" value="显示" />
<div id="out" style="font-weight:bold;"></div>
</body>
</html>

3.运行结果

Prototype使用$()函数相关推荐

  1. 一张图看透JavaScript原型关系:__proto__(对象原型)和prototype(函数原型)

    问:函数岂不是拥有两个原型? 答:是的,函数有两个原型proto和prototype. 因为函数是对象,而对象就有原型,其原型就是proto.函数是Function的实例,所以此原型就是Functio ...

  2. Javascript的面对对象的理解 【上】(prototype,函数和对象等概念)

    首先先生明一下JavaScript面对对象和Java,c#这种高级语言的面对对象有很较大的不同. JavaScript在面对对象"继承"的时候,可以动态的修改修正.换句话说可以动态 ...

  3. warning: function declaration isn’t a prototype(函数声明不是原型)的解决办法

    linux驱动中定义一个无参的函数 int probe_num() {             .... } 警告:函数声明不是一个原型 [-Wstrict-prototypes] 应对方法: 改成 ...

  4. javascript 函数属性prototype(转)

    在JavaScript中并没有类的概念,但javascript中的确可以实现重载,多态,继承.这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释. 1.pro ...

  5. 浅析 JavaScript 中的 函数 uncurrying 反柯里化

    柯里化 柯里化又称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果. 因此柯里化的过程是 ...

  6. __proto__和prototype

    _proto_ 每个对象都有一个__proto__(前后各两个下划线)属性来标识自己所继承的原型对象.__proto__属性对性能影响非常严重,不建议使用. prototype 只有函数才有proto ...

  7. (译) 函数式 JS #2: 函数!

    "close-up photo of factory" by Taton Moïse on Unsplash 原文链接 By: Krzysztof Czernek 这是 " ...

  8. JS的prototype和__proto__

    一.prototype和__proto__的概念 prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象.它是显示修改对象的原型的属性. __p ...

  9. javascript里的prototype

    在javascript中,prototype是函数的一个固有属性,其他对象,比如字符串什么的,并没有这个属性. 这个属性做什么用呢? 1.用于该函数的所有实例进行共享 比如,共同的属性,共同的方法.类 ...

  10. JavaScript:Class.method与Class.prototype.method

    以下两个声明有什么区别? Class.method = function () { /* code */ } Class.prototype.method = function () { /* cod ...

最新文章

  1. 4,fail-fast错误机制
  2. 1-2-Active Directory 域服务准备概述
  3. springboot 控制台输出错误信息_springboot日志详解
  4. 可视化应用实战案例:metacoder-相关进化树图的绘制
  5. SWIFT(Society for Worldwide Interbank Financial SWIFT Telecommunications---环球同业银行金融电讯协会)
  6. 【Java】递归删除文件目录
  7. Weighted Slope One 算法
  8. 字符编码转换 iconv命令
  9. ext2文件系统之ext2_lookup函数源代码分析
  10. wpa_supplicant 的使用
  11. 电音制作收割者宿主软件-Cockos REAPER v6.15 x86 x64 WiN
  12. 如何查看宇视科技摄相机是否支持反向供电
  13. [codeforces 1341B] Nastya and Door 神奇的掐头去尾+前缀和
  14. excel单元格内容拆分_自学EXCEL小技巧003→单元格内容拆分
  15. [MySQL学习]常用SQL语句大全总结
  16. 企业邮箱哪家好用,常见的企业邮箱品牌测评
  17. HTML中的<a>标签
  18. mywallop、orkut、gmail的邀请
  19. Cadence IC618使用
  20. 在腾讯实习的五个月的一些思考与收获

热门文章

  1. 构建大型网站架构服务器集群(转)
  2. web安全day23:vim软件的最基本最常用操作
  3. Kubernetes详解(十八)——Pod就绪性探针实战
  4. CICD详解(七)——git、gitlab与github
  5. L325 如何睡觉
  6. JavaScript 作用域
  7. 优化技巧:提前if判断帮助CPU分支预测
  8. Spring REST Controller,在GET方式下,有多个参数时的处理
  9. 一大波干货学习资源分享
  10. linux ulimit知识