這篇文章主要為大家展示了“實(shí)用的jQuery代碼段有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“實(shí)用的jQuery代碼段有哪些”這篇文章吧。

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有興安盟烏蘭浩特免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

具體如下：

檢測IE瀏覽器

在進(jìn)行CSS設(shè)計(jì)時，IE瀏覽器對開發(fā)者及設(shè)計(jì)師而言無疑是個麻煩。盡管IE6的黑暗時代已經(jīng)過去，IE瀏覽器家族的人氣亦在不斷下滑，但我們?nèi)匀挥斜匾獙ζ溥M(jìn)行檢測。當(dāng)然，以下片段亦可用于檢測其它瀏覽器。

$(document).ready(function() {
   if (navigator.userAgent.match(/msie/i) ){
    alert('I am an old fashioned Internet Explorer');
   }
});

平滑滾動至頁面頂部

以下是jQuery最為常見的一種實(shí)現(xiàn)效果：點(diǎn)擊一條鏈接以平滑滾動至頁面頂部。雖然沒什么新鮮感可言，但每位開發(fā)者幾乎都用得上

$("a[href='#top']").click(function() {
 $("html, body").animate({ scrollTop: 0 }, "slow");
 return false;
});

保持始終處于頂部

以下代碼片段允許某一元素始終處于頁面頂部?？梢韵胍?，其非常適合處理導(dǎo)航菜單、工具欄或者其它重要信息。

$(function(){
  var $win = $(window)
  var $nav = $('.mytoolbar');
  var navTop = $('.mytoolbar').length && $('.mytoolbar').offset().top;
  var isFixed=0;
  processScroll()
  $win.on('scroll', processScroll)
  function processScroll() {
    var i, scrollTop = $win.scrollTop()
    if (scrollTop >= navTop && !isFixed) {
      isFixed = 1
      $nav.addClass('subnav-fixed')
    } else if (scrollTop <= navTop && isFixed) {
      isFixed = 0
     $nav.removeClass('subnav-fixed')
  }
}

自動修復(fù)損壞圖片

如果大家的站點(diǎn)非常龐大而且已經(jīng)上線數(shù)年，那么其中或多或少會出現(xiàn)圖片損壞的情況。這項(xiàng)功能可以檢測損壞圖片并根據(jù)我們的選擇加以替換。

$('img').error(function(){
  $(this).attr('src', 'img/broken.png');
});

檢測復(fù)制、粘貼與剪切操作

利用jQuery，大家可以非常輕松地檢測到選定元素的復(fù)制、粘貼與剪切操作

$("#textA").bind('copy', function() {
  $('span').text('copy behaviour detected!')
});
$("#textA").bind('paste', function() {
  $('span').text('paste behaviour detected!')
});
$("#textA").bind('cut', function() {
  $('span').text('cut behaviour detected!')
});

自動為外部鏈接添加target=“blank”屬性

在鏈接至外部站點(diǎn)時，大家可能希望使用target="blank"屬性以確保在新的選項(xiàng)卡中打開頁面。問題在于，target="blank"屬性并未經(jīng)過W3C認(rèn)證。jQuery能夠幫上大忙：以下片段能夠檢測當(dāng)前鏈接是否指向外部，如果是則自動為其添加target="blank"屬性。

var root = location.protocol + '//' + location.host;
$('a').not(':contains(root)').click(function(){
  this.target = "_blank";
});

禁用文本/密碼輸入中的空格

無論是電子郵件、用戶名還是密碼，很多常見字段都不需要使用空格。以下代碼能夠輕松禁用選定輸入內(nèi)容中的全部空格。

$('input.nospace').keydown(function(e) {
　　if (e.keyCode == 32) {
　　　　return false;
　　}
});

懸停時淡入/淡出

$(document).ready(function(){
  $(".thumbs img").fadeTo("slow", 0.6); // 透明度設(shè)置0.6
  $(".thumbs img").hover(function(){
    $(this).fadeTo("slow", 1.0); //懸停時，設(shè)為1
  },function(){
    $(this).fadeTo("slow", 0.6);
  });
});

以上是“實(shí)用的jQuery代碼段有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！