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>
分享到:
相关推荐
以上只是jQuery源码中部分“魔术方法”的介绍,实际上,jQuery的源码充满了巧妙的设计和优化,深入学习和理解这些方法,对于提升JavaScript和前端开发的技能大有裨益。在实际开发中,熟练运用这些方法,可以让你的...
### jQuery源码逐步解析知识点概览 #### 一、jQuery简介 ...通过以上对jQuery源码逐步解析的知识点概览,我们可以深入了解jQuery的工作原理和内部机制,这对于深入学习前端技术、提高编程效率具有重要意义。
### jQuery源码分析 #### 一、概述 jQuery作为一个卓越的JavaScript库,以其简洁高效的特性在前端开发领域占据了一席之地。与Prototype、YUI、Mootools等其他JavaScript库相比,jQuery更加注重实用性,去除了一些...
这份由Auscarlin精心制作的中文注释版jQuery源码,不仅方便了中文开发者的学习,也为广大jQuery爱好者提供了一条进阶之路。 #### 三、核心功能与实现原理 jQuery的核心功能主要包括选择器、事件处理、动画效果、...
《锋利的Jquery》是一本深入解析jQuery库的权威著作,其源码提供了书中所有讲解实例的实现细节。jQuery是JavaScript的一个强大的库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。通过研究...
对jQuery源码的学习,可以帮助开发者理解更底层的工作机制,提升JavaScript编程技巧。然而,由于提供的压缩包中并未包含jQuery源码文件,以上内容只能作为理论知识的阐述,无法进行具体的代码分析。如需具体源码分析...
- **常用方法**: - `length`: 获取字符串或数组的长度。 - `substr(start, length)`: 返回字符串的一部分。 - `join(separator)`: 将数组转换为字符串,并使用指定的分隔符连接数组元素。 通过以上知识点的学习...
《jQuery源码解析:Web前端开发的基石》 jQuery,作为Web前端开发中广泛使用的JavaScript库,其简洁的API和强大的功能使得它成为了开发者们的首选工具。本文将深入探讨jQuery的源码,揭示其背后的机制,帮助你更好...
- **Ajax 请求**: `$.ajax()` 方法是 jQuery 中的核心功能之一,它封装了 XMLHttpRequest 对象,提供了一种更友好的接口进行异步数据交换,支持 JSONP、GET、POST 等多种通信方式。 4. **最佳实践** - **性能优化...
《锋利的jQuery第一版》实例源码是一个与jQuery相关的学习资源,主要包含了一系列实际操作的代码示例,用于帮助读者深入理解并掌握jQuery库的使用。jQuery是一个广泛应用于Web开发的JavaScript库,它简化了...
《jQuery Mobile 源代码深度解析》 jQuery Mobile 是一个流行的前端框架,专为移动设备设计,用于构建响应式和触控友好的网页应用。它基于 jQuery 和 jQuery UI,提供了丰富的组件、统一的事件处理以及优化的触控...
下面将详细探讨jQuery的核心知识点,并结合实例源码进行解析。 1. **选择器(Selectors)**:jQuery提供了多种选择器,如ID选择器(#id),类选择器(.class),元素选择器(element),以及组合选择器等。例如,`$("#...
本文将深入解析"jQuery AJAX表格控件(初版)"的源码,探讨其核心功能与实现原理。 首先,jQuery是一个轻量级的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。AJAX(异步JavaScript和XML)则允许在不...
《jQuery权威指南》是一本深度解析jQuery库的书籍,它为开发者提供了全面、深入的jQuery知识,涵盖了从基本选择器到高级插件开发的各个方面。jQuery是一个广泛应用于Web开发的JavaScript库,它简化了HTML文档遍历、...
**jQuery UI技术手册** jQuery UI 是一个基于jQuery库的开源前端框架,用于构建...这两个框架的文档(`.chm`文件)是学习和使用的宝贵资源,而`jquery-ui-1.8.18.custom.zip`文件则为开发者提供了直接操作源码的可能。
在jQuery源码中,`text()`方法的实现更加复杂,它包含了更多的边界情况处理和优化。例如,它使用了`access()`函数来处理读取和写入操作,同时也考虑了元素集合的情况。此外,为了提高效率,`text()`方法可能还会利用...
4. **初始化插件**:在页面加载完成后(通常在`$(document).ready()`函数中),使用jQuery选择器找到元素并调用颜色选择器插件的初始化方法,设置相关配置,如预设颜色、回调函数等。 5. **事件监听**:你可以监听...
【标题】基于jQuery的网页版扫雷源码分析 在网页版扫雷游戏中,开发者通常会利用前端...通过阅读和学习这个源码,你可以更深入地了解jQuery和其他前端技术在实际项目中的应用,同时也能锻炼解决问题和调试代码的能力。