jQuery代碼開發技巧收集

**前端大全技巧收集：**經常使用的web前端開發技巧，說不定哪天就能用上。哎不知道代碼用那種方式顯示比較好看，感受今天的代碼又亂糟糟的。求推薦，求方法。前端

一、動態方式添加表單元素web

$('#password1').change(function() {
    $("#password1").append("<input type='text' name='password2' id='password2' />");
});

二、簡單的tab標籤切換cookie

jQuery('#meeting_tabs ul li').click(function(){
        jQuery(this).addClass('tabulous_active').siblings().removeClass('tabulous_active');
        jQuery('#tabs_container>.pane:eq('+jQuery(this).index()+')').show().siblings().hide();   
 })
 <div id="meeting_tabs">
    <ul>
         <li class="tabulous_active"><a href="#" title="">進行中</a></li>
          <li><a href="#" title="">未開始</a></li>
          <li><a href="#" title="">已結束</a></li>
           <li><a href="#" title="">所有</a></li>
     </ul>
       <div id="tabs_container">
            <div  class="pane" >1</div>
            <div  class="pane" >2</div>
            <div  class="pane" >3</div>
           <div  class="pane" >4</div>
      </div>
 </div>

三、找到被選擇到的選項(option)元素app

$('#someElement').find('option:selected');

四、判斷一個複選框是否被選中ide

$('#checkBox').attr('checked');

五、禁止屢次遞交表單屢次遞交表單對於web應用來講是個比較頭疼的問題，下面的代碼可以很好的幫助你解決這個問題：this

<script>
$(document).ready(function() {
  $('form').submit(function() {
    if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
      jQuery.data(this, "disabledOnSubmit", { submited: true });
      $('input[type=submit], input[type=button]', this).each(function() {
        $(this).attr("disabled", "disabled");
      });
      return true;
    }
    else
    {
      return false;
    }
});});
     
</script>

六、在表單中禁用「回車鍵」code

<script>
$("#form").keypress(function(e) {
      if (e.which == 13) {
        return false;
    }
});
</script>

七、判斷cookie是否激活或者關閉orm

<script>
var dt = new Date();
dt.setSeconds(dt.getSeconds() + 60);
document.cookie = "cookietest=1;expires=" + dt.toGMTString();
var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;
if(!cookiesEnabled){
  //cookies have not been enabled
  }
</script>

八、判斷一個圖片是否加載徹底圖片

<script>
$('#theGBin1Image').attr('src', 'image.jpg').load(function() {
alert('This Image Has Been Loaded');
});
</script>