码迷,mamicode.com
首页 > Web开发 > 详细

几个可以直接拿来用的jQuery代码片段

时间:2016-06-06 12:16:28      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:

jQuery里提供了许多创建交互式网站的方法,外国网站上蛮多现成的代码的,选了几个不错的分享一下。

预加载图片

技术分享
技术分享
(function($) {
  var cache = [];
  
// Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement(‘img‘);
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
jQuery.preLoadImages("image1.gif", "/path/to/image2.png");
技术分享
技术分享

 源码

移动设备上的自适应

技术分享
技术分享
var scr = document.createElement(‘script‘);
scr.setAttribute(‘src‘, ‘https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js‘);
document.body.appendChild(scr);
scr.onload = function(){
    $(‘div‘).attr(‘class‘, ‘‘).attr(‘id‘, ‘‘).css({
        ‘margin‘ : 0,
        ‘padding‘ : 0,
        ‘width‘: ‘100%‘,
        ‘clear‘:‘both‘
    });
};
技术分享
技术分享

 源码

返回顶部

技术分享
技术分享
// Back To Top
$(document).ready(function(){
  $(‘.top‘).click(function() { 
     $(document).scrollTo(0,500); 
  });
});
//Create a link defined with the class .top
<a href="#" class="top">Back To Top</a>
技术分享
技术分享

 源码

自动填充选择框

技术分享
技术分享
$(function(){
$("select#ctlJob").change(function(){
$.getJSON("/select.php",{id: $(this).val(), ajax: ‘true‘}, function(j){
var options = ‘‘;
for (var i = 0; i < j.length; i++) {
options += ‘
‘ + j[i].optionDisplay + ‘
‘;
}
$("select#ctlPerson").html(options);
})
})
})
技术分享
技术分享

 

 源码

阻止表单多次提交

技术分享
技术分享
$(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;
    }
  });
});
技术分享
技术分享

几个可以直接拿来用的jQuery代码片段

标签:

原文地址:http://www.cnblogs.com/shenfusheng/p/5563167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!