`

JQuery启动方法

阅读更多

参考版本:1.2.6
从下面启动类中,可以明显看出ready事件的几种写法:

  1. $('document').ready(function(){});
  2. $().ready(function(){});
  3. $(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));
	}
0
0
分享到:
评论

相关推荐

    jQuery Starterkit

    用户可以通过它们查找jQuery函数、方法和属性的详细信息,包括参数、返回值和示例代码,有助于深入理解和使用jQuery。 **QA.txt** "QA.txt"可能包含了一些常见问题与解答,这是一个非常实用的资源,可以帮助用户...

    jquery.event.drag jquery拖动插件

    2. **距离阈值**:插件允许设置启动拖动操作所需的最小鼠标移动距离,防止误触。 3. **阻止默认行为**:在拖动过程中,插件会阻止浏览器的默认拖放行为,如文本选中或图片拖放。 4. **坐标计算**:插件计算元素相...

    jquery轻量级倒计时插件

    3. **初始化插件**:在JavaScript中,通过jQuery选择器找到该元素,并调用插件提供的初始化方法。例如,`$("#countdown").countdown(options)`,其中`options`是设置倒计时起始时间、格式化样式等参数的对象。 4. *...

    jquery.marquee.js官方下载

    2. jQuery方法:你也可以通过jQuery选择器和`.marquee()`方法来启动滚动效果。 ```javascript $('.marquee').marquee(); ``` 四、配置选项与参数 jQuery Marquee提供了多种配置选项,允许开发者自定义滚动行为。...

    JQuery desktop 基本JQuery 的虚拟桌面

    jQuery的核心特性包括选择器(用于选取HTML元素)、链式操作(可以连续调用方法)和高效的数据绑定。通过使用jQuery,开发者可以更快速、更简洁地编写JavaScript代码,从而提高开发效率。 **三、jQuery Desktop的...

    jquery插件

    插件通常包含一个或多个扩展的jQuery方法,开发者可以通过调用这些方法来启用插件功能。例如,引入Cycle插件后,只需一行代码`$("#slider").cycle();`就能启动图片轮播。 总结来说,jQuery-1.7.2版本以其高效的性能...

    Jquery 动感的彩带加载

    3. **事件绑定**:为了在适当的时候启动彩带加载效果,我们需要使用jQuery的事件绑定功能。例如,`$(document).ready()`可以在页面加载完成后执行代码,`$(window).load()`则在所有资源(包括图片)加载完毕后触发。...

    Angle-3.4-jquery

    backend-jquery-seed,则是一个项目种子,是快速启动新项目的基础。它通常包含基本的项目结构、配置文件和示例代码,帮助开发者快速搭建新项目,避免从零开始的繁琐工作。backend-jquery-seed中可能包括了jQuery的...

    jquery大全.zip

    此外,`$(document).ready()`确保DOM加载完成后再执行代码,是jQuery程序的常见启动点。 四、jQuery与Firebug `firefox+firebug+绿色版.rar`提供了Firefox浏览器和Firebug的绿色版,Firebug是强大的网页调试工具,...

    jquery多风格多功能滚动特效代码插件jquery.liMarquee.js下载.zip

    接着,通过CSS选择器选中需要添加滚动效果的元素,并调用`$.fn.liMarquee`方法初始化插件,如下所示: ```html &lt;script src="path/to/jquery.js"&gt; &lt;script src="path/to/jquery.liMarquee.js"&gt; $(document).ready...

    jQuery图像放大插件jQuery.imageView

    2. **初始化插件**:通过jQuery选择器找到需要应用放大效果的图片,并调用`.imageView()`方法进行初始化。 3. **配置参数**:可以传递配置对象给`.imageView()`,设置放大比例、容器大小、动画速度等选项。 4. **...

    jQuery文字跑马灯插件Marquee

    4. **易于使用**:只需简单地添加jQuery库和插件文件,然后通过调用方法和设置参数,就能轻松实现跑马灯效果。 ## 实现步骤 要使用jQuery.Marquee插件,你需要按照以下步骤操作: 1. **引入依赖**:在HTML文件中...

    jQuery插件开发学习

    3. **扩展jQuery对象**:使用`$.fn.extend`方法将插件函数添加到jQuery原型链上,这样我们就可以像使用jQuery内置方法一样调用自定义插件。 4. **设置默认选项**:定义一个对象来存储插件的默认配置,这样用户可以...

    jQuery网页雪花插件

    为了启动雪花效果,开发者可以在文档加载完成后调用插件的初始化函数。这可以通过在jQuery的`$(document).ready()`函数中完成,确保在执行任何操作前,整个DOM已经完全加载: ```javascript $(document).ready...

    jquery网页mp3播放器

    jQuery的核心特性包括选择器(用于快速定位DOM元素)、链式操作(方法调用可以连续进行)和封装好的AJAX功能。 **jPlayer插件**是jQuery的一个扩展,专注于多媒体播放。它提供了一套完整的解决方案,用于构建功能...

    jquery模仿windows桌面

    - **DOM操作**:jQuery提供了一系列选择器、遍历和修改DOM的方法,如`$(selector)`、`.append()`、`.remove()`,用于创建和管理桌面元素。 - **事件处理**:使用`.on()`方法绑定点击、鼠标悬停等事件,响应用户的...

    jQueryValidate.rar

    在设置好验证规则后,需要调用`.validate()`方法来启动验证功能。这个方法会监听表单的提交事件,当用户尝试提交表单时,插件会自动进行验证。如果验证失败,插件会在相应的表单元素后面显示错误信息。如果希望在...

    Jquery图片定时切换展示

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

    jQuery计时器插件jQueryTimer

    jQuery Timer提供了几个方法来控制计时器的行为: - `start()`: 启动计时器。 - `stop()`: 停止计时器。 - `pause()`: 暂停计时器。 - `resume()`: 继续暂停的计时器。 - `remove()`: 移除计时器,释放资源。 例如...

    JQuery1.6 使用方法三

    JQuery1.6使用方法三主要讲述了JQuery中上下文环境的改变,以及$.proxy()函数的使用。在JQuery中,上下文环境主要指的是函数执行时的this指向。在事件处理函数中,this常常指向触发事件的元素。但在某些情况下,我们...

Global site tag (gtag.js) - Google Analytics