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 技巧大放送

  • 2012-04-16 22:56
  • 38KB
  • 下载

jquery 最新技巧汇总

  • 2012-09-07 16:54
  • 3.00MB
  • 下载

常见26个jquery使用技巧详解(比如禁止右键点击、隐藏文本框文字等)

1、禁止右键点击        $(document).ready(function(){             ...

jQuery应用技巧大全modified

  • 2012-12-16 22:24
  • 308KB
  • 下载

jQuery技巧大放送

jquery ajax 请求小技巧

jquery   是一个非常好用的js框架,它为我们提供了很多工具。启动异步请求就是很好用的一个工具 官方推荐的ajax 请求格式 $.ajax({      url:"http://xxxxx...

jQuery技巧大放送

jQuery技巧总结

  • 2010-04-19 09:08
  • 163KB
  • 下载

JQuery 常用小技巧

1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ retu...

jQuery技巧大放送.doc

  • 2011-10-13 16:23
  • 38KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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