2.1 使用 $() 方法
$() 方法是在 DOM 中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个 DOM 方法一样,这个方法返回参数传入的 id 的那个元素。比起 DOM 中的方法,这个更胜一筹。你可以传入多个 id 作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。
<HTML >
<HEAD >
<TITLE > Test Page </ TITLE >
<script src= "prototype1.4.js" ></ script >
<script >
function test1(){
var d=$('myDiv' );
alert(d.innerHTML);
}
function test2(){
var divs=$('myDiv' ,'myOtherDiv' );
for(i=0;i<divs.length;i++){
alert(divs[i].innerHTML);
}
}</ script >
</ HEAD >
< BODY >
< div id= "myDiv" >
<p>This is a paragraph</p>
</ div >
< div id= "myOtherDiv" >
<p>This is another paragraph</p>
</ div >
< input type= "button" value=Test1 onclick= "test1();" ><br> < input type= "button" value=Test2 onclick= "test2();" ><br>
</ BODY >
</ HTML >
另外一个好处是,这个函数能传入用 string 表示的对象 ID ,也可以传入对象本身,这样,在建立其它能传两种类型的参数的函数时非常有用。
2..2 使用 $F() 函数
$F() 函数是另一个大收欢迎的“快捷键”,它能用于返回任何表单输入控件的值,比如 text box,drop-down list 。这个方法也能用元素 id 或元素本身做为参数。
<script >
function test3(){
alert($F('userName' ));
}
</ script >
<inputtype= "text" id= "userName" value= "Joe Doe" ><br >
<inputtype= "button" value=Test3onclick= "test3();" ><br >
2.3 使用 $A() 函数
$A() 函数能把它接收到的单个的参数转换成一个 Array 对象。
这个方法,结合被本类库扩展了的 Array 类,能方便的把任何的可枚举列表转换成或拷贝到一个 Array 对象。一个推荐的用法就是把 DOM Node Lists 转换成一个普通的 Array 对象,从而更有效率的进行遍历,请看下面的例子。
<script >
function showOptions(){
var someNodeList=$('lstEmployees' ).getElementsByTagName('option' );
var nodes=$A(someNodeList);
nodes.each(function (node){
alert(node.nodeName+': ' +node.innerHTML);
});
}
</ script >
<selectid= "lstEmployees" size= "10" >
<optionvalue= "5" >Buchanan,Steven</option >
<optionvalue= "8" >Callahan,Laura</option >
<optionvalue= "1" >Davolio,Nancy</option >
</ select >
<inputtype= "button" value= "Show the options" onclick= "showOptions();" >
2.4 使用 $H() 函数
$H() 函数把一些对象转换成一个可枚举的和联合数组类似的 Hash 对象。
<script>
function testHash()
{
//let's create the object
var a={
first:10,second:20,third:30
};
//now transform it into a hash
var h=$H(a);
alert(h.toQueryString());
//displays: first=10&second=20&third=30
}
</script>
2.5 使用 $R() 函数
$R() 是 new ObjectRange(lowBound,upperBound,excludeBounds) 的缩写。
跳到 ObjectRange 类文档可以看到一个关于此类的完整描述 . 此时,我们还是先来看一个例子以展示这个缩写能代替哪些方法吧。其它相关的一些知识可 以在 Enumerable 对象文档中找到。
<script>
function demoDollar_R(){
var range=$R(10,20,false );
range.each(function (value,index){
alert(value);
});
}
</script>
<input type= "button" value= "Sample Count" onclick= "demoDollar_R();" >
2.6 使用 Try.these() 函数
Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易, 他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行,返回成功执行的那个方法的返回值。
在下面的例子中, xmlNode.text 在一些浏览器中好用,但是 xmlNode.textContent 在另一些浏览器中正常工作。 使用 Try.these()
方法我们可以得到正常工作的那个方法的返回值。
<script>
function getXmlNodeValue(xmlNode){
return Try.these(function (){
return xmlNode.text;
},function (){
return xmlNode.textContent;
));
}
</script>
分享到:
相关推荐
js常用框架文档集合,包括Jquery,prototype,mootools,ext,dwr等常用js框架的api文档,大部分是chm格式的,很有用的哦~~~
基于Prototype框架制作的导航菜单,类似FLASH动画一样,在老外网站经常见得到。本类菜单其实就像是一个TAB选项卡一样,只不过带有动画切换效果,用部分资源图片和CSS的配合实现了好看的圆角,由Prototype完成动画...
第二部分详细介绍了Prototype、jQuery、DWR、AjaxTags等四个最常用的Ajax框架的用法,并针对每个框架提供了一个实用案例。这两个部分是笔者在“疯狂Java实训营”的培训讲义,是《疯狂Ajax讲义:Prototype/jQuery+DWR+...
Jquery Prototype Javascript Ext 中文帮助 chm格式 web前台开发必备
汇总ajax 的几种框架的帮助文档包括dwr,jquery,ext mootools,prototype,scriptaclous
作为一个Ajax开发框架,Prototype对 Ajax开发提供了有力的支持。在Prototype中,与Ajax... PeriodicalUpdater和Ajax.Updater,图2-3所示为这些类和对象之间的关系及其常用属性和方法,下面分别对这些类和对象进行介绍。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...
重点内容有操作XML文件、发送与接收邮件、数据库操作技术、SQL语句应用技术、复杂查询技术、数据库高级应用、JFreeChart绘图基础、基础图表技术、扩展图表技术、基于Cewolf组件的图表编程、Prototype框架、jQuery...
第二部分详细介绍了Prototype、jQuery、DWR、AjaxTags等四个最常用的Ajax框架的用法,并针对每个框架提供了一个实用案例。这两个部分是笔者在“疯狂Java实训营”的培训讲义,是《疯狂Ajax讲义:Prototype/jQuery+DWR+...
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF ...
Jquery继prototype之后又一个优秀的javascript框架。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户...
最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery。。。现在利用扩展原型的方法实现一些jquery函数: 1.显示/隐藏 //hide() Object.prototype.hide = ...
一种是基于Prototype框架的,一款斜角的,还有一种基础的。挺实用的,项目中常用。
YUI、JQuery、Prototype这些javascript框架在开发网站时,确实成为前端开发工程师的手中利器。为什么呢?因为框架是包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,让设计师与程序员避免...
示例描述:介绍Prototype框架。 21.1.html 使用Prototype的$()方法获取指定元素。 21.2.html 使用Prototype的$A()方法获取数组。 21.3.js 使用Prototype的Try.these()创建XML DOM。 21.4....
erp 这是我近期做的一个erp的系统的源代码
第二部分详细介绍了Prototype、 jQuery、DWR、AjaxTags等四个最常用的Ajax框架的用法,并针对每个框架提供了一个实用案例。这两个部分是笔者在“疯狂Java实训营”的培训讲义,是本书的重点部分。第三部分则提供了2个...
第二部分详细介绍了Prototype、 jQuery、DWR、AjaxTags等四个最常用的Ajax框架的用法,并针对每个框架提供了一个实用案例。这两个部分是笔者在“疯狂Java实训营”的培训讲义,是本书的重点部分。第三部分则提供了2个...