jquery初始化

最新推荐文章于 2023-04-12 09:18:36 发布
原创 最新推荐文章于 2023-04-12 09:18:36 发布 · 183 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jQuery #正则表达式 #ViewUI

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 Mobile的初始化事件
01-19
jQuery Mobile 包括一个初始化事件，该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件，第一个触发的事件是mobileinit。 当Jquery Mobile开始执行时，他就会在document对象上触发mobileinit 事件，因为mobileinit事件是在加载后马上触发，所以你需要在Jquery Mobile加载之前绑定你的事件处理函数，所以我建议你如下安排你的js引用顺序 [removed][removed] <script src=您自己的j
DataTables非jQuery初始化.rar
12-31
从v1.11开始，在不使用jQuery的情况下，可以通过新的DataTable（）构造函数初始化DataTables。 构造函数将返回一个DataTables API实例，允许对该表进行操作。虽然此构造函数不要求您编写任何jQuery代码，但...
初识jQuery
slj557844的博客
05-30 274
1.jQuery是一个优秀的JavaScript库，使用它可大大提高web客户端的开发效率。 2.要使用jQuery的功能，需要首先引用jQuery库文件。 3.$(document).ready()与window.onload适用场合类似但有差异。 4.jQuery代码中常见的元素包括工厂函数、选择器和方法。 5.jQuery程序代码的特色：包含$符号和连缀操作。 6.每个页面都有对应
jquery初始化方法
DayDayUp
04-12 1643
------------------------------------以下无正文-----------------------------------------------------------注:仅供学习，记录问题和参考，共勉！
jquery初始化方法总结
u012409048的博客
08-21 3239
1、$(function(){ }) //当所有dom节点都加载完了就会执行函数体方法 2、$(document).ready(function(){ }); 3、jQuery(function($){ }); 4、window.οnlοad=function(){ } //当所有资源文件加载完了之后才会执行函数提的代码 ...
谈一谈JS和Jquery初始化的问题
余百炼的博客
09-19 281
今天在做一个拖拽的demo时候遇到了一个bug,我的代码和源码一模一样，但是却没有效果，经过数小时琢磨发现，是jquery初始化的问题；现在贴上我的代码 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt
jQuery Chosen通用初始化
10-20
整个文档的内容表明，通过jQuery Chosen通用初始化，用户能够将普通的下拉选择框转换为一个具有搜索、提示和动态数据加载功能的增强型下拉框，从而在多种Web应用中提供更加友好和高效的用户界面。
vanilla-plugin-boilerplate:为了方便起见，使用可选的jQuery初始化的普通UMD香草javascript插件样板
05-20
为了方便起见，带有可选jQuery初始化的普通UMD香草javascript插件样板。 该样板对于不一定需要jQuery的小型或快速脚本很有用。 用法 将pluginName变量更改为所需的插件名称，并包含该插件。 使用普通的javascript将...
jQuery页面加载初始化的3种方法(推荐)
11-22
jQuery提供了一种优雅的方式来实现这一目标，即页面加载初始化。以下是对标题中提到的jQuery页面加载初始化的三种方法的详细解释： 1. **第一种方法：**`$(document).ready(function() {...})` 这是最常见和直观的...
jQuery页面加载初始化的3种方法
做个充实的人
06-03 2758
当页面打开时我们需要执行一些操作,这个时候如果我们选择shiyo
jQuery页面加载初始化常用的三种方法
10-25
当页面打开时我们需要执行一些操作，下面为大家介绍三种不错的方法，大家可以参考下
初始jQuery
yananye的博客
01-31 239
认识jQuery 1.jQuery简介 jQuery是继Prototype之后又一个优秀的JavaScript库，是由美国人John Resig于2006年创建的开源项目。目前，jQuery团队主要包括核心库，UI，插件和jQuery Mobile等开发人员，推广人员，网站设计人员及维护人员。随着人们对它的日渐熟知，越来越多的程序高手加入其中，完善并壮大其项目内容，这促使jQuery逐步发展成为如今集JavaScript，CSS，DOM和Ajax于一体的强大框架体系。 作为JavaScript的程序库，jQ
jQuery初始化$(function() { }
weixin_34341229的博客
06-09 318
$(document).ready(function () { }//没有双引号 $(function() { } 转载于:https://www.cnblogs.com/zyjzz/p/6973502.html
jquery的初始化的方法
07-29 568
$(document).ready(function(){        alert("第一种方法。");    });   第二种 [javascript] view plain copy $(function(){       alert("第二种方法。");   });   第三种 [javascr
JQuery 初始化加载
weixin_42537012的博客
02-23 966
JQuery 页面初始化
【jQuery】初始化的三种方法
weixin_30794491的博客
07-21 262
JQ初始化方法实际上有两种，由于美元符号可以定义 jQuery，那么就有三种方法可以进行初始化操作，根据个人习惯来选择吧！ 第一种 $(document).ready(function(){ // jQuery methods go here... }); 第二种 $(function(){ // jQuery methods go ...
jQuery初始化的三种方法
xiaosi2019的博客
05-28 2303
$(document).ready(function(){ // jQuery methods go here... }); $(function(){ // jQuery methods go here... }); jQuery(function($) { //jQuery methods go here ... });
jquery 3种初始化方法
weixin_33828101的博客
12-17 419
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery 初始化
最新发布
11-12
jQuery 页面加载初始化常用的方法有三种，且在页面加载时都会执行脚本，主要看个人习惯。以下进行详细介绍及示例展示： 1. **第一种方法**：使用 `$(document).ready()` 函数。此函数会在文档的 DOM 完全加载后执行传入的回调函数。 ```javascript <script type="text/javascript" src="./js/jquery-1.7.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ trace("初始化方法进入"); }); function trace(obj){ console.log(obj); } </script> ``` 2. **第二种方法**：使用 `$(function(){})` 这种简洁的语法糖形式，它和 `$(document).ready()` 功能相同，只是写法更简洁。 ```javascript <script type="text/javascript"> $(function(){ trace("初始化方法进入二"); }); function trace(obj){ console.log(obj); } </script> ``` 3. **第三种方法**：使用 `jQuery(function($){})`，当需要避免 `$` 符号冲突时可使用这种方式，`$` 作为参数传入回调函数，在函数内部可使用 `$` 来调用 jQuery 方法。 ```javascript <script type="text/javascript" src="./js/jquery-1.7.min.js"></script> <script type="text/javascript"> jQuery(function($){ trace("初始化方法进入三"); }); function trace(obj){ console.log(obj); } </script> ``` 此外，若不使用 jQuery，页面初始化的方法有： 1. 在 `body` 标签里写 `onload` 属性。 ```html <body onload="initFunction()"> <!-- 页面内容 --> </body> <script> function initFunction() { // 要初始化的东西 } </script> ``` 2. 在脚本里写 `window.onload` 函数。 ```javascript window.onload = function() { // 要初始化的东西 } ``` 当 jQuery 的 `$` 符号和其他组件（如 DWR）冲突时，可使用 `jQuery.noConflict()` 方法解决。 ```javascript var j = jQuery.noConflict(); j(function(){ // 使用 j 来代替 $ 进行操作 j("body").css("background-color", "red"); }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值