1前言 最近因为项目的需要，使用了一个JQuery插件。把插件下下来后，很快我就发现，很多默认的插件Style不符合项目要求，必须要被修改。 在这个过程中，我发现自己先后使用了多种不同的方法实现插件Style的定制化。很高兴最后找到了我认为最好的方法，对CSS的认识也加深了不少，感触颇多。这篇文章就是对这些新的CSS的认识的一个梳理。 2JQuery 插件Style 定制化方法 2.1 初始化插件时输入定制化对象 做的比较好的插件会在初始化时...
querySelector和querySelectorAll是W3C提供的新的查询接口 代码如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList querySelectorAll(in DOMString selectors); }; Document implements NodeSelector; DocumentFragment implements NodeSelector; Element implements NodeSelector; }; [html] 从接口定义可以看到Document、DocumentFragmen...
getAll方法是私有的，在manipulation模块中。代码只有简单的几行，如下 代码如下: function getAll( elem ) { if ( typeof elem.getElementsByTagName !== "undefined" ) { return elem.getElementsByTagName( "*" ); } else if ( typeof elem.querySelectorAll !== "undefined" ) { return elem.querySelectorAll( "*" ); } else { return []; } } 从函数名可知该方法用来获取传入HTML元素的所有子元素。内部就三个分支 1，先判...
1. 参数中存在空格时取到的值中空格被替换为加号:+ 2. 当参数某个key的value不存在时，获取到的value并不是空/null 而是true。 在网上找到了个解决方案，可以参考下（是否有其他副作用暂时未实验出） 1. 空格变加号+ 在jQuery.query.js文件中找到下面代码 代码如下: toString: function() { var i = 0, queryString = [], chunks = [], self = this; var encode = function(str) { str = str + ""; //if ($spaces) str = str.repl...
代码如下:var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|["][^"]*["]|[^[\]"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, 这是Jq中最长的一个正则了，也研究了很久，一直很懵懂，感觉还是通过调试，然后一步一步的分析值理解起来比较容易， 我尝试做成图形比较直观一点，以不同的颜色区分了一下，如下图： 分组一是通过以下代码逐一拆分成一个数组的： 代码如下: // 此处循环的作用是拆分每...
代码如下: $(document).ready(function(){ $("#submit").click(function(){ $.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){ $("#aaa").html(data); },"html"); }); }); jQuery ajax的post方法这样写应该是没有问题的，点击submit提交按钮，sendPwd.php通过$_POST接收传过来的值，然后echo一段数据。然而却始终无法显示传回来的值。原因在这里： 代码如下: 提交按钮的类型是submit，点...
首先废话一句，jQuery选择器真心很强大！ 在项目中遇到这么一个问题easyui的问题 如图所示，当前页面显示的是“原始报文查询”的页面，当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即：左侧点击“原始报文查询”，那么右侧的“补发运抵报文”展开，并选中“原始报文查询”，“后台管理”关闭？ 实现方式如下： 1、右侧的“原始报文查询”等用到的是easyui的tabs控件，查看api知道，tabs有个o...
该插件被广泛应用于各种需要评分的页面当中，今天作为学习，把源码拿出来分析一下，顺便学习其使用方法。 一、插件使用一览。 代码如下: 第一个例子 代码如下: $(function () { $(".myRating").jRating({ length:10 }); }); 执行效果： 可以看到，上面的例子中，有10颗星，是参数length的作用。其中，默认总分是20分，就是10颗星都选择。这里我们着重注意的id16_1，其中16被用来初始化评分插件默认选择的比例，16/20 *...
一、jQuery.buildFragment使用方法 1、参数 jQuery.buildFragment( args, context, scripts );2、返回值 return { fragment: fragment, cacheable: cacheable }; 二、思路分析 1、处理context参数 根据传入到context参数值的不同，确保context为文档根节点document 2、限制可缓存条件 2.1、字符串小于512字节 2.2、字符串不存在option标签(克隆option标签会丢失选中状态,因此不缓存) 2.3、字符串不存在,标签(IE 6不能把,标签嵌入到...
一、jQuery.clean使用方法jQuery.clean( elems, context, fragment, scripts );二、思路分析1、处理参数context，确保其为文档根节点document2、处理参数elems数组(循环遍历数组) 2.1、elem为数字，转换为字符串 2.2、elem为非法值，跳出本次循环 2.3、elem为字符串 2.4、字符串不存在实体编号或html标签，则创建文本节点 2.5、字符串为实体编号或html标签 代码如下:创建一个div元素并插入到文档碎片中 处理xhtml风...
一、源码思路分析总结 概要： jQuery的核心思想可以简单概括为“查询和操作dom”，今天主要是分析一下jQuery.prototype.init选择器构造函数，处理选择器函数中的参数； 这个函数的参数就是jQuery()===$()执行函数中的参数，可以先看我之前写的浅析jQuery基础框架一文，了解基础框架后，再看此文。 思路分析: 以下是几种jQuery的使用情况(用于查询dom)，每种情况都返回一个选择器实例(习惯称jQuery对象(一个nodeList对象)，该对象包...
在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），在pageB中引用的JS并未成功运行。因为，JQM并为将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。因此，在中引入的外部JS文件，以及标签外的JS均不能正常运行，刷新页面后方可加载成功。 鉴于JQM这个特性不太可能主动更改，可以用两种方法来解决：一是在index页面中，注册所有需要使用到的外部JS文件，或者使用母版页面来统一；二是将页...
问题：最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。 分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。 原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。 代码如下:
调试的时候，总提示$ is not defined这个错误，上网查了一下，是引入Jquery的顺序不对，要把它放在第一个引入，有类似问题的你可以参考下哈，希望可以帮助到你
首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法，当我们需要处理较为复杂的逻辑时候，还是需要用到jQuery.ajax()这个比较全面的方法的。 调用load方法的完整语法格式：load( url, [data], [callback] )其中:url是指要导入文件的地址。data：可选参数；因为load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里...