今天同事碰到一奇怪现象,使用$('#....').load(url);加载一个页面,死活加载不出来,一直显示空白,而加载其他页面时显示是正常的,我帮他解决问题,好一通折腾,最终发现是因为url中带了一个空格,把空格去掉就能正常显示,加上空格就显示空白,最后查了一下jquery的api,发现load方法中的url里,空格是关键字,空格后面的字符串是选择器,用来选择加载页面中的元素,所以才出现页面上空白的情况,希望以后使用load方法时多做注意。
引用一下jquery的api文档:
加载页面片段
.load() 方法,与 $.get() 不同,允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
我们可以修改上面的例子,这样就可以使用所获得文档的某部分:
$("#result").load("ajax/test.html #container");
如果执行该方法,则会取回 ajax/test.html 的内容,不过然后,jQuery 会解析被返回的文档,来查找带有容器 ID 的元素。该元素,连同其内容,会被插入带有结果 ID 的元素中,所取回文档的其余部分会被丢弃。
相关推荐
Jquery中$与$.fn的区别实例.zip——该压缩文件将将教会你Jquery中$与$.fn的区别 ,欢迎下载
如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:$(“#div”).abc(); jQuery为开发插件提拱了两个方法,分别是: jQuery.extend...
jquery $.fn.extend 引用事件
Jquery实现$.fn.extend和$.extend函数_.docx
下面小编就为大家带来一篇深入理解jquery的$.extend()、$.fn和$.fn.extend()。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
原生js实现jquery $.extend方法 通过遍历对象属性来实现
前面我们扩展了bind方法和ready函数,这次我要讲一下$.fn.extend 和$.extend函数。 其他的不多说,直接切入主题吧! 先来看看这两个函数的区别: $.fn.extend是为查询的节点对象扩展方法,是基于$的原型扩展的方法...
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc() 那么你可以这样子:$(“#div”).abc(); 通常使用extend方法扩展,详细请看API. $.fx是指jquery的特效。 如果使用...
jquery.each 方法 方法一 $("img").each(function(i,elem){ // i 下标 从零开始, // elem == this // $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],...
$.fn是jquery的命名空间,如果对jquery源码有过学习,就不难发现源码中有如下代码: jquery.fn=jquery.prototype={ init:function(selector,context){ /* *code */ } } 所以说jquery.fn也就是jquery.prototype...
$.fn.validatebox.defaults.rules.url.message = 'Zadejte, prosím, platnou adresu URL.'; $.fn.validatebox.defaults.rules.length.message = 'Zadejte, prosím, hodnotu mezi {0} a {1}.'; } if ($.fn....
无限级弹出窗口 * Esc退出block弹出窗口 * 可拖动窗口 * 模态窗口 * 模态alert警告对话框 * 模态confirm对话框 * 页面局部模态 * 绑定按钮响应函数 * 弹出窗口加载iframe ...$.fn.unblock//解除块模态
对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when…done…fail…then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下面的$.ajax写法,看起来很乱 $.ajax({ url...
本节重点讲的是jquery中调用ajax的4种方法中最常用的:$.post、和$ajax。如果读者没有javascript和jquery的知识,或者没有ajax的概念,那么请先去问问度娘,再来读本文。
var charSize = $.inArray(navLanguage, webLanguage); if (charSize > -1) { i18nLanguage = navLanguage; // 存到缓存中 jQuery.cookie("userLanguage ",navLanguage, { expires : 7 }); }; } ...
jquery 插件开发详解通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建
使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求.本篇文章主要给大家讲解jquery中AJAX请求 $.post方法的使用,需要的朋友可以参考下