`

jquery初始化

阅读更多

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初始化分析

    ### jQuery初始化分析与JavaScript Ready机制详解 在深入探讨jQuery初始化过程之前,我们首先需要理解jQuery是什么以及它在前端开发中的重要性。jQuery是一款快速、简洁的JavaScript库,它极大地简化了HTML文档遍历...

    DataTables非jQuery初始化.rar

    从v1.11开始,在不使用jQuery的情况下,可以通过新的DataTable()构造函数初始化DataTables。 构造函数将返回一个DataTables API实例,允许对该表进行操作。虽然此构造函数不要求您编写任何jQuery代码,但...

    浅析jQuery Mobile的初始化事件

    jQuery Mobile 包括一个初始化事件,该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit。 当Jquery Mobile开始执行时...

    vanilla-plugin-boilerplate:为了方便起见,使用可选的jQuery初始化的普通UMD香草javascript插件样板

    为了方便起见,带有可选jQuery初始化的普通UMD香草javascript插件样板。 该样板对于不一定需要jQuery的小型或快速脚本很有用。 用法 将pluginName变量更改为所需的插件名称,并包含该插件。 使用普通的javascript将...

    jQuery Chosen通用初始化

    整个文档的内容表明,通过jQuery Chosen通用初始化,用户能够将普通的下拉选择框转换为一个具有搜索、提示和动态数据加载功能的增强型下拉框,从而在多种Web应用中提供更加友好和高效的用户界面。

    可初始化值的jQuery省市三级联动插件

    本文将深入探讨“可初始化值的jQuery省市三级联动插件”,这是一个能够帮助开发者实现动态选择省份、城市和区县的交互功能,并且能够预先设置默认值的插件。 首先,我们需要理解什么是“联动”或者“级联选择”。在...

    jQuery页面加载初始化的3种方法(推荐)

    jQuery提供了一种优雅的方式来实现这一目标,即页面加载初始化。以下是对标题中提到的jQuery页面加载初始化的三种方法的详细解释: 1. **第一种方法:**`$(document).ready(function() {...})` 这是最常见和直观的...

    jQuery实现的汉诺塔游戏

    **三、jQuery初始化** 在页面加载完成后,使用jQuery的`$(document).ready()`函数来初始化游戏。这里会进行以下操作: 1. 设置初始盘子状态,根据用户选择的盘子数量动态创建盘子元素。 2. 绑定事件监听器,监听用户...

    jQuery ace后台菜单导航

    3. **jQuery初始化**:在页面加载完成后,使用jQuery选择器获取菜单元素,并调用相关的插件方法进行初始化。 4. **事件绑定**:绑定点击事件到菜单项上,当用户点击时,执行相应的操作,如切换子菜单的可见性或加载...

    Jquery图片定时切换展示

    3. **JQuery初始化**:在`$(document).ready()`中初始化图片轮播,获取所有图片元素,设置初始显示的图片,并启动定时器。 4. **定时切换**:使用`setInterval()`设置一个定时器,每隔一定时间(如2秒)执行切换...

    jquery数值范围选择插件jquery rangeslider

    接下来,使用jQuery初始化插件: ```javascript $(document).ready(function() { $('#mySlider').rangeslider(); }); ``` ### 高级特性 #### 自定义样式 jQuery Rangeslider 允许你通过CSS进行样式定制。可以...

    jquery跟js初始化加载的多种方法及区别介绍

    JavaScript 和 jQuery 是两种广泛使用的前端开发库,它们都支持页面加载时的初始化加载,但有其各自的特点和执行时机。本文将详细介绍这两种技术的初始化加载方法及其差异。 **jQuery 初始化加载** jQuery 的主要...

    jquery-migrate-1.2.1.min.js

    这个文件需要与jQuery库一同加载,以便在jQuery初始化之前恢复被移除的API。 3. 最后,引入jqPrint插件,并根据需求调用其打印功能。例如:`&lt;script src="jqprint/jquery.jqprint-0.3.js"&gt;&lt;/script&gt;`,然后在需要...

    jquery标签式导航菜单demo

    3. **jQuery初始化**:在文档加载完成后,使用jQuery的`$(document).ready()`函数来初始化菜单。这里的主要任务是绑定点击事件到每个标签元素。 4. **事件处理**:当用户点击某个标签时,通过jQuery的`click()`事件...

    jquery渐变切换tab标签

    3. **jQuery初始化**:在页面加载完成后,使用`$(document).ready()`函数来初始化Tab切换功能。这通常包括隐藏所有内容区域,只显示第一个内容,以及添加点击事件监听器到每个Tab标题。 4. **事件处理**:当用户...

    jQuery手机端城市地区选择点击省市区三级联动

    3. **jQuery初始化**:使用jQuery绑定事件监听器到省份选择器,当用户做出选择时触发`change`事件。 4. **事件处理**:在事件处理函数中,根据选中的省份ID,查找并填充对应的城市列表。同样,当城市被选择后,根据...

    jQuery文字排名轮播代码

    3. **jQuery初始化**:在文档加载完成(通常使用`$(document).ready()`函数)后,选取要操作的元素,并设定初始状态,比如初始显示的文字。 4. **动画效果**:使用jQuery的动画方法,如`slideUp()`和`slideDown()`...

    jquery实现时间轴

    3. **jQuery初始化**:在页面加载完成后,使用`$(document).ready()`来初始化时间轴功能。这里可以获取所有时间点,并根据初始时间进行定位。 4. **动态更新**:要实现逐时或逐日移动的效果,我们需要计算时间差并...

    jQuery途牛首页定时幻灯片轮播效果

    3. **jQuery初始化**:在页面加载完成后,使用jQuery的选择器找到所有的幻灯片元素,然后设置初始状态,如隐藏或显示第一个幻灯片,设置定时器来自动切换幻灯片。 4. **动画效果**:jQuery的`.animate()`方法可以...

    jquery实现立体旋转木马效果

    3. **jQuery初始化**:在页面加载完成后,我们需要使用jQuery来初始化旋转木马。这包括获取所有项目元素,设置初始状态,以及绑定事件监听器,比如鼠标滚轮事件或触摸滑动事件。 4. **动画逻辑**:当用户触发切换...

Global site tag (gtag.js) - Google Analytics