`

jQuery源码学习之常用方法解析

阅读更多
1.将其他类型转换为数组,一般想到的是toArray,我们看一下toArray的源码实现
toArray: function() {
		return slice.call( this, 0 );
	}

2.当没有传递参数时get将返回一个数组,数组中包括所有元素。
$div.get(0); //等同于$("div:first");
$div.get().length === $("div").length; //true

3.jQuery提供的slice和eq方法都是支持负数参数的。
slice(begin[,end])是从0开始索引的,包括begin不包括end。没有传递第二个参数默认返回从第一个参数(包括第一个参数所在的元素)到最后一个元素。
<html>
<p>index is 0 or -3</p>
<p>index is 1 or -2</p>
<p>index is 2 or -1</p>
</html>

$("p").slice(-1);//last
$("p").slice(1,2);//只返回index是1的p
$("p").slice(1);//返回index 〉=1的所有p

//可能看的还不够明了,直接上字符串好了
var str="string";
str.slice(1,2);//"t"
str.slice(1);//"tring"

ruby也有slice方法,但是ruby的slice方法的两个参数的意义是不同的,第二个参数是截取字符串的长度。当没有给出第二个参数,默认是截取一个字符。
irb(main):001:0> "string".slice(1,2)
=> "tr"
irb(main):002:0> "string".slice(1,2)
=> "t"
irb(main):003:0>

4.isFunction
//if $.type == "function",isFounction() is true;others are false
var function_demo = function(){
    alert("I am function");
};

var not_function_demo = [];
var $elem = $("div");

$.isFunction(function_demo);//true
$.type(function_demo); //"function"

$.isFunction(not_function_demo);//false
$.type(not_function_demo); //"array"

$.isFunction($elem);//false
$.type($elem); //"object"

5.isArray
var arr_demo = [];
$.type(arr_demo); //"array"
$.isArray(arr_demo); //true

6.end()
(1)不接受任何参数
(2)end()将链的源头返回,达到find( ".bar" )是在$( "ul.first" )中查找
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $( "ul.first" )
    .find( ".foo" )
    .css( "background-color", "red" )
    .end()
    .find( ".bar" ) //third li
    .css( "background-color", "green" );
});
</script>
</head>
<body>
<ul class="first">
<li class="foo">list item 1</li>
<li class="bar">list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
</body>
</html>
分享到:
评论

相关推荐

    139.jQuery源码分析-魔术方法.rar

    以上只是jQuery源码中部分“魔术方法”的介绍,实际上,jQuery的源码充满了巧妙的设计和优化,深入学习和理解这些方法,对于提升JavaScript和前端开发的技能大有裨益。在实际开发中,熟练运用这些方法,可以让你的...

    jqery源码逐步解析视频(高清)

    ### jQuery源码逐步解析知识点概览 #### 一、jQuery简介 ...通过以上对jQuery源码逐步解析的知识点概览,我们可以深入了解jQuery的工作原理和内部机制,这对于深入学习前端技术、提高编程效率具有重要意义。

    jquery 源码分析

    ### jQuery源码分析 #### 一、概述 jQuery作为一个卓越的JavaScript库,以其简洁高效的特性在前端开发领域占据了一席之地。与Prototype、YUI、Mootools等其他JavaScript库相比,jQuery更加注重实用性,去除了一些...

    jquery源码 详细中文注释

    这份由Auscarlin精心制作的中文注释版jQuery源码,不仅方便了中文开发者的学习,也为广大jQuery爱好者提供了一条进阶之路。 #### 三、核心功能与实现原理 jQuery的核心功能主要包括选择器、事件处理、动画效果、...

    锋利的Jquery源码

    《锋利的Jquery》是一本深入解析jQuery库的权威著作,其源码提供了书中所有讲解实例的实现细节。jQuery是JavaScript的一个强大的库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。通过研究...

    jQuery源码

    对jQuery源码的学习,可以帮助开发者理解更底层的工作机制,提升JavaScript编程技巧。然而,由于提供的压缩包中并未包含jQuery源码文件,以上内容只能作为理论知识的阐述,无法进行具体的代码分析。如需具体源码分析...

    燕十八jquery手记

    - **常用方法**: - `length`: 获取字符串或数组的长度。 - `substr(start, length)`: 返回字符串的一部分。 - `join(separator)`: 将数组转换为字符串,并使用指定的分隔符连接数组元素。 通过以上知识点的学习...

    Jquery源码

    《jQuery源码解析:Web前端开发的基石》 jQuery,作为Web前端开发中广泛使用的JavaScript库,其简洁的API和强大的功能使得它成为了开发者们的首选工具。本文将深入探讨jQuery的源码,揭示其背后的机制,帮助你更好...

    JQuery1.4 文档及源码

    - **Ajax 请求**: `$.ajax()` 方法是 jQuery 中的核心功能之一,它封装了 XMLHttpRequest 对象,提供了一种更友好的接口进行异步数据交换,支持 JSONP、GET、POST 等多种通信方式。 4. **最佳实践** - **性能优化...

    锋利的jQuery第一版 实例源码

    《锋利的jQuery第一版》实例源码是一个与jQuery相关的学习资源,主要包含了一系列实际操作的代码示例,用于帮助读者深入理解并掌握jQuery库的使用。jQuery是一个广泛应用于Web开发的JavaScript库,它简化了...

    jQuery Mobile源代码.zip

    《jQuery Mobile 源代码深度解析》 jQuery Mobile 是一个流行的前端框架,专为移动设备设计,用于构建响应式和触控友好的网页应用。它基于 jQuery 和 jQuery UI,提供了丰富的组件、统一的事件处理以及优化的触控...

    《锋利的jQuery》实例源码.rar

    下面将详细探讨jQuery的核心知识点,并结合实例源码进行解析。 1. **选择器(Selectors)**:jQuery提供了多种选择器,如ID选择器(#id),类选择器(.class),元素选择器(element),以及组合选择器等。例如,`$("#...

    jQuery AJAX表格控件(初版)源码

    本文将深入解析"jQuery AJAX表格控件(初版)"的源码,探讨其核心功能与实现原理。 首先,jQuery是一个轻量级的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。AJAX(异步JavaScript和XML)则允许在不...

    jquery权威指南pdf+源码实例

    《jQuery权威指南》是一本深度解析jQuery库的书籍,它为开发者提供了全面、深入的jQuery知识,涵盖了从基本选择器到高级插件开发的各个方面。jQuery是一个广泛应用于Web开发的JavaScript库,它简化了HTML文档遍历、...

    jQuery UI以及jQuery easy-ui技术手册

    **jQuery UI技术手册** jQuery UI 是一个基于jQuery库的开源前端框架,用于构建...这两个框架的文档(`.chm`文件)是学习和使用的宝贵资源,而`jquery-ui-1.8.18.custom.zip`文件则为开发者提供了直接操作源码的可能。

    jQuery中实现text()的方法

    在jQuery源码中,`text()`方法的实现更加复杂,它包含了更多的边界情况处理和优化。例如,它使用了`access()`函数来处理读取和写入操作,同时也考虑了元素集合的情况。此外,为了提高效率,`text()`方法可能还会利用...

    jquery颜色选择器

    4. **初始化插件**:在页面加载完成后(通常在`$(document).ready()`函数中),使用jQuery选择器找到元素并调用颜色选择器插件的初始化方法,设置相关配置,如预设颜色、回调函数等。 5. **事件监听**:你可以监听...

    基于jquery的网页版扫雷源码

    【标题】基于jQuery的网页版扫雷源码分析 在网页版扫雷游戏中,开发者通常会利用前端...通过阅读和学习这个源码,你可以更深入地了解jQuery和其他前端技术在实际项目中的应用,同时也能锻炼解决问题和调试代码的能力。

Global site tag (gtag.js) - Google Analytics