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>