这个1.5版本最大的更新是AJAX的完全重写，提供了更强的可扩展性。但是受制于精力和篇幅，对新的AJAX的分析还是放到下回，本篇先简单介绍一下细节方面的改进。 jQuery._Deferred和jQuery.Deferred 首先不得不说这两个新生事物，因为他们是作为基础设施存在，不把这两个东西讲明白了，有些问题根本没办法解释。 首先，jQuery.Deferred是jQuery._Deferred的增强版，因此对于这个问题，从jQuery._Deferred入手，就能说明一大半的问题。...
前言 懒加载技术(简称lazyload)并不是新技术，它是js程序员对网页性能优化的一种方案。lazyload的核心是按需加载。在大型网站中都有lazyload的身影，例如谷歌的图片搜索页，迅雷首页，淘宝网，QQ空间等。因此掌握lazyload技术是个不错的选择，可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。 lazyload在什么场合中应用比较合适? 涉及到图片，falsh资源，iframe，网页编辑器(类似F...
首先看看英文解释吧： children方法：find方法：通过以上的解释，可以总结如下： 1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 2：children方法获得的仅仅是元素一下级的子元素，即：immediate children。 3：find方法获得所有下级元素，即：descendants of these elements in the DOM tree 4：children方法的参数selector 是可选的（optionally），用来过...
查看下之前写的代码，有许多这样的代码： 代码如下: $(function(){ //do something. }); 这里面可能写一些初始化样式、给其他dom元素附加事件处理等。刚开始没发现什么问题，但是在页面引用了一些下载缓慢的图片时，问题出现了：在页面html下载完，到所有资源全部下载完之间，绑定dom元素上绑定的事件无法执行、用脚本绑定的样式无效等混乱情况，也就是ready么有执行。 Ok，我的情况比较特殊，可能这个情况对于大部分同学是不可能...
我们先来简单回顾下HTML源代码（test2.htm）： 代码如下: $(function(){ $('#container').html('' + 'alert(typeof(jQuery.ui));'); }); 2.调试，单步跟进 逐行分析jQuery源代码是一件相当枯燥的事情。我这里会以test2.htm为目标，调试进入jQuery源代码。 1) 首先在html: 打一个断点，刷新页面 这里的value是字符串："alert(typeof(jQuery.ui));" 我们来看会进入那个条件分支：首先看看rnocache是啥？ 可见value中含...
jQuery脚本总体结构来说，有如下形式： 代码如下: (function( window, undefined ) { // Define a local copy of jQueryvar jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor enhanced return new jQuery.fn.init( selector, context ); }, // Expose jQuery to the global objectwindow.jQuery = window.$ = jQuery; })(window); 对这样的结构不很理解，也没做深究，只知...
其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开发Web应用的最佳的辅助工具之一。因此大部分开发者在抛弃Prototype而选择jQuery来进行Web开发。 一些开发人员在使用jQuery时，由于仅仅只知道jQuery文档中的使用方法，不明白jQuery的运行原理，时常会碰到许多的问题。这些问题大部分是使用不当而产生，极少数是jQuery的Bug。如果不明白其运行机理和核心源码，我们也很难写出基于jQuery类库的高性能的程序出来。 在...
比如： 代码如下: function xmlHttpR(){ var xmlhttp; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); } else{ try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")} catch(e){ try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){return null; } } return xmlhttp; 这样就基本上能创建一个跨浏览器的对象了； 下面是ajax的简单运用，利用XmlHttpRequest对象完成； 代码如下: var ajaxEl=new Object();...
1、jQuery实现脚本与页面的分离 在HTML代码中，我们还经常看到类似这样的代码： <form id="myform" onsubmit=return validate();"> 即使validate()函数可以被放置在一个外部文件中，实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery，页面代码将如下所示： 接下来，一个单独的JS文件将包含以下事件提交代码： 代码如下:$("myform").submit(function(){ ...your code here )} 这样我...
创建jQuery插件，基本的格式是上面这段代码： 代码如下: (function ($) { //add code here })(jQuery) 我们怎么理解？ 第一步：function ($){}定义了一个匿名的函数，有一个参数，$是参数名，和其他的参数名没什么区别。 第二步：(function ($){})(jQuery) 我们要执行一个匿名函数的时候，通常用var func = function ($) { },然后func(参数)这样的形式。这里func就是一个Function对象。但更简洁的(function ($) {})，这时用括号，...
然后，我写了如下html:11 12 13 21 22 23 31 32 33 预期效果是：于是我写了如下jQ: $(".a:nth-child(2)").css("color","red"); 运行发现结果竟然是：我百思不得其解啊。。最后发现把JQ改写为： $(".a :nth-child(2)").css("color","red"); 就行了。 注意：a后面有一个空格！！！ 虽然问题解决了，但是不知道原因，求高手指点。。。if ($ != jQuery) {$ = jQuery.noConflict(); } var isLogined ...
ajaxvalidator是大家问的最多的问题，修正一个bug（感谢网友“じ龍峸√”），并把大家最关心的问题，再做一次阐述。 bug现象：无论校验有没有校验通过，当控件再次得到焦点而再次失去焦点的时候tip里的提示就会停滞在得到焦点的提示 历次升级的相关记录： a、为AjaxValidator添加一个addidvalue属性(是否自动添加id和值到url参数后面) 为了修复AjaxValidator在配置信息的时候,取不到运行时候值的bug，插件将自动在url后面自动添加,...
$("#id").show()//表示display:block, $("#id").hide()//表示display:none; $("#id").toggle()//切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 $("#id").css('display','none'); $("#id").css('display','block'); //或 $("#id")[0].style.display = 'none'; //$("#id")返回的是JQuery12 //它是个集合肯定没有display属性
代码如下: $(function(){ $(":input").focus(function(){ $(this).addClass("focus"); }).blur(function(){ $(this).removeClass("focus"); }); })//这个效果第三个textarea也会添加样式 JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中t...
每次申明一个jQuery对象的时候，返回的是jQuery.prototype.init 对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可 以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同，这里就不讲原因了，等下一篇再讲为什么会是这样。 当我们使用选择器的时候$(selector,content)，...