【Jquery对象和Dom对象的区别分析】教程文章相关的互联网学习教程文章

jQuery Mobile页面跳转后未加载外部JS原因分析及解决

在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成功。 鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决:一是在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统...

jQuery.prototype.init选择器构造函数源码思路分析

一、源码思路分析总结 概要: jQuery的核心思想可以简单概括为“查询和操作dom”,今天主要是分析一下jQuery.prototype.init选择器构造函数,处理选择器函数中的参数; 这个函数的参数就是jQuery()===$()执行函数中的参数,可以先看我之前写的浅析jQuery基础框架一文,了解基础框架后,再看此文。 思路分析: 以下是几种jQuery的使用情况(用于查询dom),每种情况都返回一个选择器实例(习惯称jQuery对象(一个nodeList对象),该对象包...

jQuery.buildFragment使用方法及思路分析

一、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、字符串不存在<object>,<embed>标签(IE 6不...

jQuery.clean使用方法及思路分析

一、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插件-jRating评分插件源码分析及使用方法【图】

该插件被广泛应用于各种需要评分的页面当中,今天作为学习,把源码拿出来分析一下,顺便学习其使用方法。 一、插件使用一览。 代码如下:<div> <div>第一个例子</div> <div id="16_1" class="myRating"></div> </div> 代码如下:<link href="Script/jRating/jRating.jquery.css" rel="stylesheet" type="text/css" /> <script src="Script/jquery-1.7.min.js" type="text/javascript"></script> <script src="Script/jRating/jRat...

jQuery 选择器项目实例分析及实现代码【图】

首先废话一句,jQuery选择器真心很强大! 在项目中遇到这么一个问题easyui的问题 如图所示,当前页面显示的是“原始报文查询”的页面,当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即:左侧点击“原始报文查询”,那么右侧的“补发运抵报文”展开,并选中“原始报文查询”,“后台管理”关闭? 实现方式如下: 1、右侧的“原始报文查询”等用到的是easyui的tabs控件,查看api知道,tabs有个o...

在jQuery ajax中按钮button和submit的区别分析

代码如下:<script type="text/javascript"> $(document).ready(function(){ $("#submit").click(function(){ $.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){ $("#aaa").html(data); },"html"); }); }); </script> jQuery ajax的post方法这样写应该是没有问题的,点击submit提交按钮,sendPwd.php通过$_POST接收传过来的值,然后echo一段数据。然而却始终无法显示传回来的值。原因在这里: ...

jQuery.query.js 取参数的两点问题分析

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.repla...

jQuery源码中的chunker 正则过滤符分析【图】

代码如下:var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, 这是Jq中最长的一个正则了,也研究了很久,一直很懵懂,感觉还是通过调试,然后一步一步的分析值理解起来比较容易, 我尝试做成图形比较直观一点,以不同的颜色区分了一下,如下图: 分组一是通过以下代码逐一拆分成一个数组的: 代码如下:// 此处循环的作用是拆...

jQuery 1.7.2中getAll方法的疑惑分析

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,先判断...

JQuery插件Style定制化方法的分析与比较

1前言 最近因为项目的需要,使用了一个JQuery插件。把插件下下来后,很快我就发现,很多默认的插件Style不符合项目要求,必须要被修改。 在这个过程中,我发现自己先后使用了多种不同的方法实现插件Style的定制化。很高兴最后找到了我认为最好的方法,对CSS的认识也加深了不少,感触颇多。这篇文章就是对这些新的CSS的认识的一个梳理。 2JQuery 插件Style 定制化方法 2.1 初始化插件时输入定制化对象 做的比较好的插件会在初始化时...

jQuery源码分析-05异步队列 Deferred 使用介绍

5. 异步队列 Deferred 5.1 概述 异步队列是一个链式对象,增强对回调函数的管理和调用,用于处理异步任务。 异步队列有三种状态:初始化(unresolved),成功(resolved),失败(rejected)。 执行哪些回调函数依赖于状态。 状态变为成功(resolved)或失败(rejected)后,将保持不变。 回调函数的绑定可以是同步,也可以是异步的,即可以在任何时候绑定。 (本节中的 绑定 注册 增加 具有相同的含义) 5.2 关键方法 先看看jQuer...

jQuery源码分析-01总体架构分析

1. 总体架构 1.1 自调用匿名函数 self-invoking anonymous function 打开jQuery源码,首先你会看到这样的代码结构: 代码如下:(function( window, undefined ) { // jquery code })(window); 1. 这是一个自调用匿名函数。什么东东呢?在第一个括号内,创建一个匿名函数;第二个括号,立即执行 2. 为什么要创建这样一个“自调用匿名函数”呢? 通过定义一个匿名函数,创建了一个“私有”的命名空间,该命名空间的变量和方法,不会...

jQuery源码分析-02正则表达式 RegExp 常用正则表达式

作者:nuysoft/JS攻城师/高云 QQ:47214707 EMail:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 后文预告:jQuery中的正则表达式分析 2.4 常用正则表达式 在网上找到一篇广为流传的文章《常用正则表达式》,逐一分析,不足地方进行补充和纠正。 代码如下:常用的数字正则(严格匹配) 正则 含义 ^[1-9]\d*$ 匹配正整数 ^-[1-9]\d*$ 匹配负整数 ^-?[1-9]\d*$ 匹配整数 ^[1-9]\d*|0$ 匹配非负整...

jQuery源码分析-03构造jQuery对象-源码结构和核心函数

作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 毕竟是边读边写,不对的地方请告诉我,多多交流共同进步。本章还未写完,完了会提交PDF。 前记: 想系统的好好写写,但是会先从感兴趣的部分开始。 近期有读者把PDF传到了百度文库上,首先感谢转载和传播,但是据为已有并设置了挺高的财富值才能下载就不好了,以后我整理好了会传到文库上。请体谅一下。 3. 构造jQuery对象 3.1 源码结构 先看看总体结构,再做分解: ...

DOM - 相关标签