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

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

具體如下：

檢測(cè)IE瀏覽器

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

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

平滑滾動(dòng)至頁(yè)面頂部

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

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

保持始終處于頂部

以下代碼片段允許某一元素始終處于頁(yè)面頂部。可以想見(jiàn)，其非常適合處理導(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')
  }
}

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

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

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

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

利用jQuery，大家可以非常輕松地檢測(cè)到選定元素的復(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!')
});

自動(dòng)為外部鏈接添加target=“blank”屬性

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

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

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

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

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

懸停時(shí)淡入/淡出

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

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

本文標(biāo)題：實(shí)用的jQuery代碼段有哪些
當(dāng)前鏈接：http://www.rwnh.cn/article16/peopdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、建站公司、外貿(mào)網(wǎng)站建設(shè)、ChatGPT、自適應(yīng)網(wǎng)站、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)