prototype框架中美元符号$用法分析


Posted in Javascript onJanuary 22, 2016

本文实例讲述了prototype框架中美元符号$用法。分享给大家供大家参考,具体如下:

prototype是实现面向对象的一个重要工具,是javascript的一个不错的框架。
用jquery的人都知道,jquery中也有$美元符号,prototype中呢,也有$,他们有什么区别呢。

1、prototype中$()的用法

prototype写法 $("test") 或者 $$("#test"), 他相当于js中document.getElementById("test");
jqueryp写法 $("#test") ,他也相当于js中document.getElementById("test");

2、prototype中的$$()用法

jquery写法 $("div") 他相当于document.getElementsByTagName('div')
如果prototype也想简单取得页面中所有div元素,就不能这样写了。
prototype写法  $("div") 他相当于document.getElementById("div")
prototype写法  $$("div") 他相当于document.getElementsByTagName('div')
prototype写法 $$("input[value=tank]") 取得页面中输入框值为tank的标签,其实和jquery差不多,只不过多了一个$符号而已

3、prototype中的$A()用法

$A 主要是用来将可当作数组使用的任意集合(如 NodeList、许多 DOM 方法返回的 HTMLCollection 或函数对象的 arguments 属性)转换为一个真正的 Array 对象。下面四种方法都可以隐藏页面中的div标签

$A($$('div')).each(Element.hide); 
$A($$('div')).map(Element.extend).invoke("hide"); 
//从思想上来看,下面二种写法,我在用jquery时,也经常用 
$A($$('div')).each(function(name,index){ 
 name.style.display='none'; 
 alert(name.innerHTML); 
 }) 
 $A($$('div')).each(function(name,index){ 
 $(name).hide(); 
})

如果例子中出现TypeError: element.style is undefined { message="element.style is undefined",  more...},请把你的prototype的版本升一下级

4、prototype中的$F()用法

个人觉得$F的用法,被设计出来是为了更方便的取表单数据,不过它比较单一,因为他只能通过ID来取

<input name="name" value="tank" id="name">
$F("name")  正确的

<input name="name" value="tank"  >
$F("name")  不正确的,TypeError: element is null { message="element is null", more...}

5、prototype中的$H()用法

当你传入一下对像作为函数的参数时,$H将输入对像一个prototype的专有hash对像。$H感觉像是转换器,启到一个改变形势的作用

$H({name:'tank',sex:1,height:'170cm'}).toArray()
[["name", "tank"], ["sex", 1], ["height", "170cm"]]
$H({name:'tank',sex:1,height:'170cm'}).toQueryString()
"name=tank&sex=1&height=170cm"

6、prototype中的$R()用法

$R函数和原始的构造函数具有完全相同的参数:start 和 end 分别表示下限值和上限值(两个参数的类型必须一致),exclusive 表示是否排除上限值(参数 end)。默认不排除上限值。

$R的实例描述了一系列遵循某种规则变化的值,如数字、 文本或其它在语义上支持相邻值推导的类型

能过例子,来说明,最容易让人记住了

$A($R("a","z",true)).join(',') //加了参数true 
"a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y" 
$A($R("a","z")).join(',') //没有加 
"a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z"

$R根据规则推测了一个$R对像,$A将这个对像转换成了数组,用,号将数组转换成字符串.

$R(0, 10).each(function(value){ 
 alert(value*value); 
}); 
//结果和上面的一样的,但是each解释的对像是不一样的。 
$A($R(0, 10)).each(function(value){ 
 alert(value*value); 
});

如果报这样的错误 ,TypeError: value.succ is not a function { message="value.succ is not a function", more...},请升级

7、prototype中的$w()用法

$w将以空格是为分隔符的字符串,转换成数组,根php的explode(" ",$string);功能是一样的,针对性比较强。

$w("aa bb").join(',')

如果报这样的错误 ,ReferenceError: $w is not defined { message="$w is not defined",  more...},请升级

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
网页中实现浏览器的最大,最小化和关闭按钮
Mar 12 Javascript
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
Jan 02 Javascript
JavaScript的Date()方法使用详解
Jun 09 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
JavaScript函数中的this四种绑定形式
Aug 15 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
JS co 函数库的含义和用法实例总结
Apr 08 Javascript
详解javascript传统方法实现异步校验
Jan 22 #Javascript
jquery.validate提示错误信息位置方法
Jan 22 #Javascript
jQuery ajax时间差导致的变量赋值问题分析
Jan 22 #Javascript
jQuery简单获取键盘事件的方法
Jan 22 #Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 #Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 #Javascript
鼠标悬停小图标显示大图标
Jan 22 #Javascript
You might like
php递归调用删除数组空值元素的方法
2015/04/28 PHP
PHP中使用curl入门教程
2015/07/02 PHP
PHP多进程编程之僵尸进程问题的理解
2017/10/15 PHP
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
Python常用知识点汇总
2016/05/08 Python
Python矩阵常见运算操作实例总结
2017/09/29 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
python flask搭建web应用教程
2019/11/19 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
Timberland美国官网:全球领先的户外品牌
2016/08/15 全球购物
Otel.com:折扣酒店预订
2017/08/24 全球购物
领班岗位职责范文
2014/02/06 职场文书
幼儿园运动会入场词
2014/02/10 职场文书
2014年元旦活动方案
2014/02/15 职场文书
高中生操行评语
2014/04/25 职场文书
党员对照检查材料思想汇报(党的群众路线)
2014/09/24 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
简易版租房协议书范本
2014/10/13 职场文书
订货会主持词
2015/07/01 职场文书
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
JS异步堆栈追踪之为什么await胜过Promise
2021/04/28 Javascript
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python
windows server 2012安装FTP并配置被动模式指定开放端口
2022/06/10 Servers