jQuery1.2.1架构分析----jQuery对象的创建(1)
让我们先看一个最简单的情况:在无上下文环境下根据对象id创建对象$(#id)的过程 首先,让我们先看一个在jQuery初始化过程中就定义的正则表达式 var quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#(\w+)$/; 这个表达式将匹配两种类型的字符串 1.包含<.|\s>但前后都以字符串开头和结尾的字符串 2.以#开头后跟id的字符串 假设quickExpr.exec匹配结果为数组m(如果无法匹配字符串,则结果为null。#id会匹配第二种情况) m[0]为匹配到的字符; m[1]为<>和其中包含的字符串 m[2]为<>中的第一字符 m[3]为id(去除了#号) jQuery对象的创建过程如下: 1.创建jQuery对象 2.调用jQuery对象的init方法 2.1正则表达式quickExpr的匹配运算 2.2根据m[3]的值查找对象:var tmp=getElementById(m[3]) 2.3将查找到的对象保存到jQuery对象:this[0]=tmp;this.length=1 2.4返回jQuery对象
|
分享到:
相关推荐
### jQuery初始化分析与JavaScript Ready机制详解 在深入探讨jQuery初始化过程之前,我们首先需要理解jQuery是什么以及它在前端开发中的重要性。jQuery是一款快速、简洁的JavaScript库,它极大地简化了HTML文档遍历...
从v1.11开始,在不使用jQuery的情况下,可以通过新的DataTable()构造函数初始化DataTables。 构造函数将返回一个DataTables API实例,允许对该表进行操作。虽然此构造函数不要求您编写任何jQuery代码,但...
jQuery Mobile 包括一个初始化事件,该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit。 当Jquery Mobile开始执行时...
为了方便起见,带有可选jQuery初始化的普通UMD香草javascript插件样板。 该样板对于不一定需要jQuery的小型或快速脚本很有用。 用法 将pluginName变量更改为所需的插件名称,并包含该插件。 使用普通的javascript将...
整个文档的内容表明,通过jQuery Chosen通用初始化,用户能够将普通的下拉选择框转换为一个具有搜索、提示和动态数据加载功能的增强型下拉框,从而在多种Web应用中提供更加友好和高效的用户界面。
本文将深入探讨“可初始化值的jQuery省市三级联动插件”,这是一个能够帮助开发者实现动态选择省份、城市和区县的交互功能,并且能够预先设置默认值的插件。 首先,我们需要理解什么是“联动”或者“级联选择”。在...
jQuery提供了一种优雅的方式来实现这一目标,即页面加载初始化。以下是对标题中提到的jQuery页面加载初始化的三种方法的详细解释: 1. **第一种方法:**`$(document).ready(function() {...})` 这是最常见和直观的...
**三、jQuery初始化** 在页面加载完成后,使用jQuery的`$(document).ready()`函数来初始化游戏。这里会进行以下操作: 1. 设置初始盘子状态,根据用户选择的盘子数量动态创建盘子元素。 2. 绑定事件监听器,监听用户...
3. **jQuery初始化**:在页面加载完成后,使用jQuery选择器获取菜单元素,并调用相关的插件方法进行初始化。 4. **事件绑定**:绑定点击事件到菜单项上,当用户点击时,执行相应的操作,如切换子菜单的可见性或加载...
3. **JQuery初始化**:在`$(document).ready()`中初始化图片轮播,获取所有图片元素,设置初始显示的图片,并启动定时器。 4. **定时切换**:使用`setInterval()`设置一个定时器,每隔一定时间(如2秒)执行切换...
接下来,使用jQuery初始化插件: ```javascript $(document).ready(function() { $('#mySlider').rangeslider(); }); ``` ### 高级特性 #### 自定义样式 jQuery Rangeslider 允许你通过CSS进行样式定制。可以...
JavaScript 和 jQuery 是两种广泛使用的前端开发库,它们都支持页面加载时的初始化加载,但有其各自的特点和执行时机。本文将详细介绍这两种技术的初始化加载方法及其差异。 **jQuery 初始化加载** jQuery 的主要...
这个文件需要与jQuery库一同加载,以便在jQuery初始化之前恢复被移除的API。 3. 最后,引入jqPrint插件,并根据需求调用其打印功能。例如:`<script src="jqprint/jquery.jqprint-0.3.js"></script>`,然后在需要...
3. **jQuery初始化**:在文档加载完成后,使用jQuery的`$(document).ready()`函数来初始化菜单。这里的主要任务是绑定点击事件到每个标签元素。 4. **事件处理**:当用户点击某个标签时,通过jQuery的`click()`事件...
3. **jQuery初始化**:在页面加载完成后,使用`$(document).ready()`函数来初始化Tab切换功能。这通常包括隐藏所有内容区域,只显示第一个内容,以及添加点击事件监听器到每个Tab标题。 4. **事件处理**:当用户...
3. **jQuery初始化**:使用jQuery绑定事件监听器到省份选择器,当用户做出选择时触发`change`事件。 4. **事件处理**:在事件处理函数中,根据选中的省份ID,查找并填充对应的城市列表。同样,当城市被选择后,根据...
3. **jQuery初始化**:在文档加载完成(通常使用`$(document).ready()`函数)后,选取要操作的元素,并设定初始状态,比如初始显示的文字。 4. **动画效果**:使用jQuery的动画方法,如`slideUp()`和`slideDown()`...
3. **jQuery初始化**:在页面加载完成后,使用`$(document).ready()`来初始化时间轴功能。这里可以获取所有时间点,并根据初始时间进行定位。 4. **动态更新**:要实现逐时或逐日移动的效果,我们需要计算时间差并...
3. **jQuery初始化**:在页面加载完成后,使用jQuery的选择器找到所有的幻灯片元素,然后设置初始状态,如隐藏或显示第一个幻灯片,设置定时器来自动切换幻灯片。 4. **动画效果**:jQuery的`.animate()`方法可以...
3. **jQuery初始化**:在页面加载完成后,我们需要使用jQuery来初始化旋转木马。这包括获取所有项目元素,设置初始状态,以及绑定事件监听器,比如鼠标滚轮事件或触摸滑动事件。 4. **动画逻辑**:当用户触发切换...