jQuery技术

qq498510125的专栏

字号+ 作者:H5之家 来源:H5之家 2015-10-21 09:21 我要评论( )

[DESCRIPTION]NFC Test[SOLUTION]

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); });

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 西北风的专栏

    西北风的专栏

    2016-02-10 14:00

  • ilovel7的专栏

    ilovel7的专栏

    2016-01-15 19:26

  • Jackxin Xu IT技术专栏

    Jackxin Xu IT技术专栏

    2015-11-03 12:40

  • hezhoujun的专栏

    hezhoujun的专栏

    2015-10-23 18:10

网友点评
n