jquery技巧

原创 2013年12月03日 16:49:20

1.如何验证某个元素是否为空:
if ($('#keks').html()) {
//什么都没有找到;
}
2.如何禁用右键单击上下文菜单:
$(document).bind('contextmenu',function(e){
    return false;
});
3. 如何使用closest来取得父元素:
$('#searchBox').closest('div');
4. 如何强制在弹出窗口中打开链接:
jQuery('a.popup').live('click', function(){
    newwindow=window.open($(this).attr('href'),'','height=200,width=150');
    if (window.focus) {
        newwindow.focus();
    }
    return false;
});
5. 如何强制在新的选项卡中打开链接:
jQuery('a.newTab').live('click', function(){
    newwindow=window.open($(this).href);
    jQuery(this).target = "_blank";
    return false;
});
6.预加载图片
(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");
7.预防对表单进行多次提交
$(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;
    }
  });
});
8. 在窗口滚动时自动加载内容
var loading = false;
$(window).scroll(function(){
    if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
        if(loading == false){
            loading = true;
            $('#loadingbar').css("display","block");
            $.get("load.php?start="+$('#loaded_max').val(), function(loaded){
                $('body').append(loaded);
                $('#loaded_max').val(parseInt($('#loaded_max').val())+50);
                $('#loadingbar').css("display","none");
                loading = false;
            });
        }
    }
});
$(document).ready(function() {
    $('#loaded_max').val(50);
});


内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery技巧
举报原因:
原因补充:

(最多只允许输入30个字)