● get()
/**
* 通过 CSS 选择器得到的 jQuery 对象,调用此方法可将 jQuery 对象转成 DOM 对象数组。
* 如果你想要直接操作 DOM 对象而不是 jQuery 对象,这个函数非常有用。
* @return Array<Element>
* @owner jQuery Object
*/
function get();
● get(index)
/**
* 取得其中一个匹配的元素。index 表示取得第几个匹配的 DOM 元素。
* @index(Number) 取得第 index 个位置上的元素
* @return Element
* @owner jQuery Object
*/
function get(index);
● each(callback)
/**
* @callback(Function) 对每个匹配的元素作为上下文来执行一个函数
* @return Array<Element>
* @owner jQuery Object
*/
function each(callback);
以每一个匹配的元素(DOM 元素)作为上下文来执行一个函数。这意味着,每次执行传递进来的函数时,函数中的 this 关键字都指向一个不同的 DOM 元素(不是 jQuery 对象,每次都是一个不同的匹配元素)。回调函数签名如下:Function(index, domElement)。其中,index 为执行环境的元素在匹配的元素集合中所处位置的索引(从零开始的整形),domElement 为回调函数中所使用的 this 关键字,注意,this 指代的是 DOM 对象而非 jQuery 对象(this == domElement)。回调函数返回 false 将停止循环(就像在普通的循环中使用 break)。返回 true 跳至下一个循环(就像在普通的循环中使用 continue)。
● index(subject)
/**
* 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值值。
* @subject(Element) 要搜索的 DOM 元素
* @return Number subject 元素所在的索引
* @owner jQuery Object
*/
function index(subject);
● length 属性和 size() 方法
jQuery 对象中元素的个数。
分享到:
相关推荐
在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及Ajax交互...通过学习这些内容,开发者可以更好地掌握如何在实际项目中利用jQuery的面向对象特性,提升代码质量并优化开发流程。
- jQuery对象转DOM对象:通过索引访问,如`jQueryObject[0]`或使用`jQueryObject.get(index)`。 4. **基本语法和注意事项** - 选择元素:`$("#id")`,`$(".class")`,`$("tagname")`,`$("selector")`。 - 操作...
### jQuery学习文档详解 #### 一、jQuery简介与特点 **1.1 jQuery定义** - **定义**: jQuery是一个快速、简洁且高效的JavaScript框架,旨在简化HTML文档遍历、事件处理、动画以及Ajax交互等常见的Web开发任务。 -...
### Jquery学习手册知识点梳理 #### 一、概述 JQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。本手册旨在提供一个全面的学习指南,帮助读者掌握 JQuery 的基本...
以下是对JQuery学习笔记的详细解析: 首先,JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异,导致开发跨浏览器的网页应用变得复杂。为了统一这些...
#### 三、jQuery对象访问 - **jQuery.index(element)**:返回当前元素相对于同辈元素的位置。 - **jQuery.each(function)**:遍历jQuery对象集合中的每个元素。 - **jQuery.size()**:返回jQuery对象集合中元素的...
2. **链式操作**: jQuery 对象的方法返回的是自身,这允许连续调用多个方法,例如:`$("#element").css("color", "red").fadeIn(500);` 3. **事件处理**: 使用 jQuery 处理事件简单直观,如 `$("#button").click...
【jQuery学习资料之万能的选择器】 jQuery是一个强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。其中,选择器是jQuery的核心功能之一,它允许开发者高效地选取页面上的HTML元素,从而进行进一步的...
本文将介绍jQuery中的对象访问方式,特别是针对DOM元素集合的迭代操作。 1. jQuery对象与DOM对象 在使用jQuery进行DOM操作时,首先需要了解jQuery对象与DOM对象的区别。jQuery对象是一个包含DOM元素的包装对象,它...
- jQuery对象转为DOM对象通常通过索引访问,如`$("#msg")[0]`,这将返回第一个匹配元素的DOM节点,可以使用DOM方法,但不能再调用jQuery方法。 3. **获取jQuery集合中的某一项**: 使用`eq(index)`或`get(index)`...
**jQuery学习笔记分享** 在Web开发中,jQuery是一个非常重要的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章:...
2. **对象和原型**:理解JavaScript的对象和原型链对于深入学习至关重要,这涉及到对象创建、属性访问和继承机制。 3. **DOM操作**:Document Object Model (DOM)是HTML和XML文档的结构化表示,通过JavaScript可以...
#### 三、学习教程及参考资料 为了深入学习jQuery,建议参考以下资源: - **《jQuery中文API手册》**:提供了详尽的API文档,包括每个方法的用法示例和参数说明。 - **http://jquery.org.cn/visual/cn/index.xml**...
**jQuery学习素材与资料详解** jQuery是一个广泛应用于前端开发的JavaScript库,以其简洁的API和强大的功能深受开发者喜爱。这份“jQuery学习素材及资料”压缩包包含了一系列有助于深入理解和掌握jQuery核心概念、...
**三、jQuery EasyUI集成** jQuery EasyUI是一个基于jQuery的UI库,提供了丰富的组件,如表格、对话框、按钮等,可以帮助快速构建美观且功能强大的Web界面。将JSON-RPC-Java与jQuery EasyUI结合,可以通过Ajax调用...
本文主要介绍在使用 jQuery 时如何高效地管理和更改 jQuery 对象。 在 jQuery 中,更改对象可以理解为从当前选中的元素集更改为另一个元素集,然后继续对其执行操作。这可以通过多种方法来实现,其中常用的有 `...
例如,通过jQuery对象无法直接访问DOM对象的属性,但可以通过[index]或get(index)方法将jQuery对象转换为DOM对象后再操作。 2. jQuery 对象与 DOM 对象的转换 - jQuery对象转DOM对象:可以通过[index]或get(index)...
- 要将jQuery对象转换为DOM对象,可以使用索引访问,如`$variable[0]`或`$variable.get(0)`。 - DOM对象转为jQuery对象,只需要将DOM对象包裹在`$()`中,如`$(variable)`。 4. **jQuery开发工具**: - ...