日本好好热aⅴ|国产99视频精品免费观看|日本成人aV在线|久热香蕉国产在线

  • 

    <cite id="ikgdy"><table id="ikgdy"></table></cite>
      

    1. 
 

      
	
      
        西西軟件園多重安全檢測(cè)下載網(wǎng)站、值得信賴的軟件下載站！
        
    
      

      

      
	
      
    	
        
        
      
            
      
            	
      軟件
      
            	
      軟件
      
            	
      文章
      
            
      
            
            搜索
        
      
    
      

      



      

      
  
      
    
      首頁(yè)  → 編程開(kāi)發(fā) → 其它知識(shí) → 用Mootools獲得操作索引的兩種方法
      
    
      
        
      用Mootools獲得操作索引的兩種方法
      
        
      相關(guān)軟件相關(guān)文章發(fā)表評(píng)論 來(lái)源：see7d時(shí)間：2011/12/9 1:02:09字體大小：A-A+
      
        
      作者：see7d點(diǎn)擊：40次評(píng)論：0次標(biāo)簽： 索引
      
        
      
              
      
        
          
      
                
      
                    
                    
                    
        
                        
      • 類(lèi)型：網(wǎng)絡(luò)瀏覽大�。�8.6M語(yǔ)言：中文 評(píng)分：10.0
        • 
                        
      • 標(biāo)簽：
        • 
                    
      
                    立即下載
                
            
            
      
          
    
      
              
      我們先說(shuō)一下第一種方法,(此方法為一位QQ好友提供,感謝此人,此人昵稱(chēng)是:exf)
      <body>
<ul>Title1
    <li>11111</li>
</ul>
<ul>Title2
    <li>22222</li>
</ul>
<ul>Title3
    <li>33333</li>
</ul>
<ul>Title4
    <li>44444</li>
</ul>

<script type='text/javascript'>
ul=$$('ul');
ul.addEvent('click',function(){
    alert(ul.indexOf(this));
});
</script>
      其實(shí)除了上邊的方法外還有一種方法也能得到索引值,看下邊的例子:
      <body>
<ul>Title1
    <li>11111</li>
</ul>
<ul>Title2
    <li>22222</li>
</ul>
<ul>Title3
    <li>33333</li>
</ul>
<ul>Title4
    <li>44444</li>
</ul>

<script type='text/javascript'>
ul=$$('ul');
ul.each(function($I,i){
    $I.onclick=function(){
        alert(i);
    };
})
</script>
      　　兩種方法孰優(yōu)孰劣一看便知,第一種方法需要再次使用indexOf函數(shù)判斷,而第二種方式直接是作為參數(shù)把索引值傳遞進(jìn)去了,就不需要額外的計(jì)算了.因此如果您需要獲取索引值得時(shí)候推薦使用第二種方法.
      　　下邊我寫(xiě)了一個(gè)手風(fēng)琴插件用來(lái)演示兩種方法在實(shí)際應(yīng)用過(guò)程中的表現(xiàn).
          <style type="text/css">
        ul,li{font-size:12px;font-family:arial;padding:0;margin:0;}
        ul{width:300px;line-height:24px;font-weight:bold;background-color:#C1C2C1;border-bottom:1px solid #fff;text-indent:10px;}
        li{list-style:none;font-weight:normal;background-color:#e1e1e1;}
    </style>
    </head>

    <body>
    <ul>Title1
        <li>11111</li>
    </ul>
    <ul>Title2
        <li>22222</li>
    </ul>
    <ul>Title3
        <li>33333</li>
    </ul>
    <ul>Title4
        <li>44444</li>
    </ul>
<script type='text/javascript'>
var Acc=new Class({
　　Implements:[Options,Events],
　　options:{
　　　　$Boxtit:false
　　},
　　initialize:function(options){//初始化構(gòu)造函數(shù)
　　　　this.setOptions(options);//設(shè)置options
　　　　if(!this.options.$Boxtit){return false;}
　　　　　　this.Core();
　　　　},
　　　　Core:function(){
　　　　　　$Boxtit=this.options.$Boxtit;
　　　　　　$Boxmsg=$Boxtit.getElement('li');
　　　　　　$Boxmsg.setStyle("display","none");
　　　　　　$Boxtit.each(function($I,i1){
　　　　　　　　$I.onclick=function(){
　　　　　　　　　　//i2=$Boxtit.indexOf(this);console.log(i1+'|'+i2);//這裡的i1和i2實(shí)際上都是索引值
　　　　　　　　　　$Boxmsg.setStyle("display","none");
　　　　　　　　　　this.getElement('li').setStyle("display","");
　　　　　　　　};
　　　　})
　　}
});
new Acc({$Boxtit:$$('ul')});
</script>


      　只不過(guò)在上邊的插件中為了提高效率,因此我使用了this,這樣比用索引找尋DOM效率更高一些.

      
              
      
              

        
      
    
      

    
      
        
      
            
        
            
            
        
          
    
        
      
        
        
        相關(guān)文章
        
          
      
        
      
        
        
        相關(guān)評(píng)論
        
        
        閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!
        
        
        
                
          
                    
        • 8   喜歡喜歡 
          • 
                    
        • 3    頂頂
          • 
                    
        • 1     難過(guò)難過(guò)
          • 
                    
        • 5    囧囧
          • 
                    
        • 3    圍觀圍觀
          • 
                     
        • 2    無(wú)聊無(wú)聊
          • 
                  
        
                  
        
        
        
            
            
        
                    

        
  
        
    
        熱門(mén)評(píng)論
        
    
        
      
    
        
  
        
  
  
  
        
    
        最新評(píng)論
        
    
        
      
    
        
  
  
        
  
  
        
    
        
      
        發(fā)表評(píng)論 查看所有評(píng)論(0)
        
      
      
        昵稱(chēng): 
        
        
        
      
        
      
        
      表情: 
       高興
       可
       汗
       我不要
       害羞
       好
       下下下
       送花
       屎
       親親
       
        
      
      
        
      字?jǐn)?shù): 0/500
      (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)