参考版本:1.2.6
从下面启动类中,可以明显看出ready事件的几种写法:
- $('document').ready(function(){});
- $().ready(function(){});
- $(function(){});
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {
/// <summary>
/// 1: $(expression, context) - 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。
/// 2: $(html) - 根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
/// 3: $(elements) - 将一个或多个DOM元素转化为jQuery对象。
/// 4: $(callback) - $(document).ready()的简写。
/// </summary>
/// <param name="selector" type="String">
/// 1: expression - 用来查找的表达式。
/// 2: html -用于动态创建DOM元素的HTML标记字符串
/// 3: elements - 用于封装成jQuery对象的DOM元素
/// 4: callback - 当DOM加载完成后,执行其中的函数。
/// </param>
/// <param name="context" type="jQuery">
/// 1: context - (可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象。
/// </param>
/// <returns type="jQuery" />
// Make sure that a selection was provided
// --- 如果没有写selector就会用document代替,经实验$().ready();是可以使用的。
selector = selector || document;
///nodeType 属性可返回节点的类型。
/// 最重要的节点类型是:
/// 元素类型 节点类型
///元素element 1
///属性attr 2
///文本text 3
///注释comments 8
///文档document 9
// Handle $(DOMElement)
if ( selector.nodeType ) {
this[0] = selector;
this.length = 1;
return this;
}
// Handle HTML strings
if ( typeof selector == "string" ) {
// Are we dealing with HTML string or an ID?
var match = quickExpr.exec( selector );
// Verify a match, and that no context was specified for #id
if ( match && (match[1] || !context) ) {
// HANDLE: $(html) -> $(array)
if ( match[1] )
selector = jQuery.clean( [ match[1] ], context );
// HANDLE: $("#id")
else {
// --- ID选择器部分
var elem = document.getElementById( match[3] );
// Make sure an element was located
if ( elem ){
// --- 跨浏览器兼容问题:document.getElementById
// Handle the case where IE and Opera return items
// by name instead of ID
if ( elem.id != match[3] )
return jQuery().find( selector );
// Otherwise, we inject the element directly into the jQuery object
return jQuery( elem );
}
selector = [];
}
// HANDLE: $(expr, [context])
// (which is just equivalent to: $(content).find(expr)
} else
return jQuery( context ).find( selector );
// HANDLE: $(function)
// Shortcut for document ready
// --- ready的另外一种写法
} else if ( jQuery.isFunction( selector ) )
return jQuery( document )[ jQuery.fn.ready ? "ready" : "load" ]( selector );
return this.setArray(jQuery.makeArray(selector));
}
分享到:
相关推荐
用户可以通过它们查找jQuery函数、方法和属性的详细信息,包括参数、返回值和示例代码,有助于深入理解和使用jQuery。 **QA.txt** "QA.txt"可能包含了一些常见问题与解答,这是一个非常实用的资源,可以帮助用户...
2. **距离阈值**:插件允许设置启动拖动操作所需的最小鼠标移动距离,防止误触。 3. **阻止默认行为**:在拖动过程中,插件会阻止浏览器的默认拖放行为,如文本选中或图片拖放。 4. **坐标计算**:插件计算元素相...
3. **初始化插件**:在JavaScript中,通过jQuery选择器找到该元素,并调用插件提供的初始化方法。例如,`$("#countdown").countdown(options)`,其中`options`是设置倒计时起始时间、格式化样式等参数的对象。 4. *...
2. jQuery方法:你也可以通过jQuery选择器和`.marquee()`方法来启动滚动效果。 ```javascript $('.marquee').marquee(); ``` 四、配置选项与参数 jQuery Marquee提供了多种配置选项,允许开发者自定义滚动行为。...
jQuery的核心特性包括选择器(用于选取HTML元素)、链式操作(可以连续调用方法)和高效的数据绑定。通过使用jQuery,开发者可以更快速、更简洁地编写JavaScript代码,从而提高开发效率。 **三、jQuery Desktop的...
插件通常包含一个或多个扩展的jQuery方法,开发者可以通过调用这些方法来启用插件功能。例如,引入Cycle插件后,只需一行代码`$("#slider").cycle();`就能启动图片轮播。 总结来说,jQuery-1.7.2版本以其高效的性能...
3. **事件绑定**:为了在适当的时候启动彩带加载效果,我们需要使用jQuery的事件绑定功能。例如,`$(document).ready()`可以在页面加载完成后执行代码,`$(window).load()`则在所有资源(包括图片)加载完毕后触发。...
backend-jquery-seed,则是一个项目种子,是快速启动新项目的基础。它通常包含基本的项目结构、配置文件和示例代码,帮助开发者快速搭建新项目,避免从零开始的繁琐工作。backend-jquery-seed中可能包括了jQuery的...
此外,`$(document).ready()`确保DOM加载完成后再执行代码,是jQuery程序的常见启动点。 四、jQuery与Firebug `firefox+firebug+绿色版.rar`提供了Firefox浏览器和Firebug的绿色版,Firebug是强大的网页调试工具,...
接着,通过CSS选择器选中需要添加滚动效果的元素,并调用`$.fn.liMarquee`方法初始化插件,如下所示: ```html <script src="path/to/jquery.js"> <script src="path/to/jquery.liMarquee.js"> $(document).ready...
2. **初始化插件**:通过jQuery选择器找到需要应用放大效果的图片,并调用`.imageView()`方法进行初始化。 3. **配置参数**:可以传递配置对象给`.imageView()`,设置放大比例、容器大小、动画速度等选项。 4. **...
4. **易于使用**:只需简单地添加jQuery库和插件文件,然后通过调用方法和设置参数,就能轻松实现跑马灯效果。 ## 实现步骤 要使用jQuery.Marquee插件,你需要按照以下步骤操作: 1. **引入依赖**:在HTML文件中...
3. **扩展jQuery对象**:使用`$.fn.extend`方法将插件函数添加到jQuery原型链上,这样我们就可以像使用jQuery内置方法一样调用自定义插件。 4. **设置默认选项**:定义一个对象来存储插件的默认配置,这样用户可以...
为了启动雪花效果,开发者可以在文档加载完成后调用插件的初始化函数。这可以通过在jQuery的`$(document).ready()`函数中完成,确保在执行任何操作前,整个DOM已经完全加载: ```javascript $(document).ready...
jQuery的核心特性包括选择器(用于快速定位DOM元素)、链式操作(方法调用可以连续进行)和封装好的AJAX功能。 **jPlayer插件**是jQuery的一个扩展,专注于多媒体播放。它提供了一套完整的解决方案,用于构建功能...
- **DOM操作**:jQuery提供了一系列选择器、遍历和修改DOM的方法,如`$(selector)`、`.append()`、`.remove()`,用于创建和管理桌面元素。 - **事件处理**:使用`.on()`方法绑定点击、鼠标悬停等事件,响应用户的...
在设置好验证规则后,需要调用`.validate()`方法来启动验证功能。这个方法会监听表单的提交事件,当用户尝试提交表单时,插件会自动进行验证。如果验证失败,插件会在相应的表单元素后面显示错误信息。如果希望在...
3. **JQuery初始化**:在`$(document).ready()`中初始化图片轮播,获取所有图片元素,设置初始显示的图片,并启动定时器。 4. **定时切换**:使用`setInterval()`设置一个定时器,每隔一定时间(如2秒)执行切换...
jQuery Timer提供了几个方法来控制计时器的行为: - `start()`: 启动计时器。 - `stop()`: 停止计时器。 - `pause()`: 暂停计时器。 - `resume()`: 继续暂停的计时器。 - `remove()`: 移除计时器,释放资源。 例如...
JQuery1.6使用方法三主要讲述了JQuery中上下文环境的改变,以及$.proxy()函数的使用。在JQuery中,上下文环境主要指的是函数执行时的this指向。在事件处理函数中,this常常指向触发事件的元素。但在某些情况下,我们...