prototype中的$$函数的用法-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

prototype中的$$函数的用法

简介:

这个$$相当有用,从例子中可以发现省去好多的代码


  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3.     <head> 
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  5.         <title>Untitled Document</title> 
  6.         <script src="prototype.js"></script> 
  7.         <script> 
  8.             //$$相当于Javascript中的getElementByTagName 
  9.             function _$$Test(){ 
  10.                 var _$$ = $$('input'); 
  11.                 for(i=0;i<_$$.length;i++){ 
  12.                     alert(_$$[i].value); 
  13.                 } 
  14.                  
  15.                 //$$()中的三部分内容可以分开也可以写到一起 
  16.                 var f = $$('div #testForm.field input'); 
  17.                 var s = ''
  18.                 for(var i=0; i<f.length; i++){ 
  19.                     s += f[i].value + '/'; 
  20.                 } 
  21.                 alert(s); 
  22.                  
  23.                 f = $$('div#testForm.field input', 'div#testForm.fieldName'); 
  24.                 s = ''
  25.                 for(var i=0; i<f.length; i++){ 
  26.                     s += ( f[i].value ? f[i].value : f[i].innerHTML ) + '/'; 
  27.                 } 
  28.                 alert(s); 
  29.             } 
  30.         </script> 
  31.     </head> 
  32.     <body> 
  33.         <div id="testForm"> 
  34.             <div class='field'> 
  35.                 <span class='fieldName'>User name:</span> 
  36.                 <input type='text' id='txtName' value='sucre'/> 
  37.             </div> 
  38.             <div class='field'> 
  39.                 <span class='fieldName'>Password:</span> 
  40.                 <input type='password' id='txtPass' value='secret' /> 
  41.             </div> 
  42.             <input type='submit' value='login' /> 
  43.         </div> 
  44.         <input type="text" value="输入框"/> 
  45.         <input type="hidden" value="隐藏域"/> 
  46.         <input type="radio" value="单选框"/> 
  47.         <input type="checkbox" value="复选框"/> 
  48.         <input type="button" value="GO" onclick="_$$Test()"/> 
  49.     </body> 
  50. </html> 

将Javascript重新封装,不错,好用



本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/410373,如需转载请自行联系原作者


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: