快捷搜索:

以下是10个非常实用的jQuery代码片段

以下是十三个十一分实用的jQuery代码片段。实用这几个代码前,你必要将jQuery类库导入web页面,况兼增进代码到以下DOM ready成效内:

$(document).ready(function() {
    // add your snippets here
 });
  1. 为IE6客户体现警示音讯

    if ( (jQuery.browser.msie) && (parseInt(jQuery.browser.version) < 7) ) { $('body').prepend('

    You are using an old version of Internet Explorer which is not supported. Please upgrade your browser in order to view this website.
    '); }

  2. Javascript可用时加多hasJS类到body标签

    $('body').addClass('hasJS');

  3. 点击后去掉输入框的内容

    $('input[type=text]').focus(function() {

     var title = $(this).attr('title');
     if ($(this).val() == title) {
         $(this).val('');
     }
    

    }).blur(function() {

     var title = $(this).attr('title');
     if ($(this).val() == '') {
         $(this).val(title);
     }
    

    });

  4. 点击后展现/掩没更加的多内容

    How to write a good article?

    How to tips go here.

    $('a.toggle').toggle(function() { var id = $(this).attr("href"); $(this).addClass("active"); $(id).slideDown(); }, function() { var id = $(this).attr("href"); $(this).removeClass("active"); $(id).slideUp(); });

  5. 开发打字与印刷机对话框

    Print this page $('a.print').click(function(){ window.print(); return false; });

  6. 给table数据增进"hover" class

    $('table').delegate('td', 'hover', function(){ $(this).toggleClass('hover'); });

7.  借使rel设置为"external",在新窗口张开三个link

<a href="http://www.google.com" rel="external">Google</a>
$('a[rel=external]').attr('target', '_blank');
  1. 增加奇数行class来区分table行(修正table奇偶行背景观以完结区分行效果与利益卡塔尔国

    $('tr:odd').addClass('odd');

  2. 自己商议是或不是div存在于页面

    if ( $('#myDiv').length ) {

     // do something with myDiv
    

    }

  3. 吉祥体育官方网站 ,入选/不选中全部的复选框

    $('.select-all').live('click', function(){ $(this).closest('.options').find('input[type=checkbox]').attr('checked', true); return false; });

    $('.reset-all').live('click', function(){ $(this).closest('.options').find('input[type=checkbox]').attr('checked', false); return false; });

ready功能内: $(document).rea...

本文由澳门新葡萄京8455官网发布于澳门新葡萄京8455官网,转载请注明出处:以下是10个非常实用的jQuery代码片段

您可能还会对下面的文章感兴趣: