`
zachary.guo
  • 浏览: 488325 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jQuery 学习三(对象访问)

阅读更多
    ●  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 对象中元素的个数。
分享到:
评论

相关推荐

    JQuery高级编程之面向对象.rar

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及Ajax交互...通过学习这些内容,开发者可以更好地掌握如何在实际项目中利用jQuery的面向对象特性,提升代码质量并优化开发流程。

    jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

    - jQuery对象转DOM对象:通过索引访问,如`jQueryObject[0]`或使用`jQueryObject.get(index)`。 4. **基本语法和注意事项** - 选择元素:`$("#id")`,`$(".class")`,`$("tagname")`,`$("selector")`。 - 操作...

    jquery学习文档

    ### jQuery学习文档详解 #### 一、jQuery简介与特点 **1.1 jQuery定义** - **定义**: jQuery是一个快速、简洁且高效的JavaScript框架,旨在简化HTML文档遍历、事件处理、动画以及Ajax交互等常见的Web开发任务。 -...

    Jquery学习手册

    ### Jquery学习手册知识点梳理 #### 一、概述 JQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。本手册旨在提供一个全面的学习指南,帮助读者掌握 JQuery 的基本...

    JQuery学习笔记

    以下是对JQuery学习笔记的详细解析: 首先,JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异,导致开发跨浏览器的网页应用变得复杂。为了统一这些...

    jQuery学习资料

    #### 三、jQuery对象访问 - **jQuery.index(element)**:返回当前元素相对于同辈元素的位置。 - **jQuery.each(function)**:遍历jQuery对象集合中的每个元素。 - **jQuery.size()**:返回jQuery对象集合中元素的...

    jquery总结学习资料JQuery总结

    2. **链式操作**: jQuery 对象的方法返回的是自身,这允许连续调用多个方法,例如:`$("#element").css("color", "red").fadeIn(500);` 3. **事件处理**: 使用 jQuery 处理事件简单直观,如 `$("#button").click...

    jQuery学习资料之万能的选择器

    【jQuery学习资料之万能的选择器】 jQuery是一个强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。其中,选择器是jQuery的核心功能之一,它允许开发者高效地选取页面上的HTML元素,从而进行进一步的...

    jquery 学习之一 对象访问

    本文将介绍jQuery中的对象访问方式,特别是针对DOM元素集合的迭代操作。 1. jQuery对象与DOM对象 在使用jQuery进行DOM操作时,首先需要了解jQuery对象与DOM对象的区别。jQuery对象是一个包含DOM元素的包装对象,它...

    JQuery学习笔记(日常积累)

    - jQuery对象转为DOM对象通常通过索引访问,如`$("#msg")[0]`,这将返回第一个匹配元素的DOM节点,可以使用DOM方法,但不能再调用jQuery方法。 3. **获取jQuery集合中的某一项**: 使用`eq(index)`或`get(index)`...

    Jquery学习笔记分享

    **jQuery学习笔记分享** 在Web开发中,jQuery是一个非常重要的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章:...

    javascrip jquery 学习资料

    2. **对象和原型**:理解JavaScript的对象和原型链对于深入学习至关重要,这涉及到对象创建、属性访问和继承机制。 3. **DOM操作**:Document Object Model (DOM)是HTML和XML文档的结构化表示,通过JavaScript可以...

    jquery API学习资料

    #### 三、学习教程及参考资料 为了深入学习jQuery,建议参考以下资源: - **《jQuery中文API手册》**:提供了详尽的API文档,包括每个方法的用法示例和参数说明。 - **http://jquery.org.cn/visual/cn/index.xml**...

    jquery学习素材及资料

    **jQuery学习素材与资料详解** jQuery是一个广泛应用于前端开发的JavaScript库,以其简洁的API和强大的功能深受开发者喜爱。这份“jQuery学习素材及资料”压缩包包含了一系列有助于深入理解和掌握jQuery核心概念、...

    jQuery进阶学习资料-EasyUI教程.doc

    **三、jQuery EasyUI集成** jQuery EasyUI是一个基于jQuery的UI库,提供了丰富的组件,如表格、对话框、按钮等,可以帮助快速构建美观且功能强大的Web界面。将JSON-RPC-Java与jQuery EasyUI结合,可以通过Ajax调用...

    jQuery学习笔记 更改jQuery对象

    本文主要介绍在使用 jQuery 时如何高效地管理和更改 jQuery 对象。 在 jQuery 中,更改对象可以理解为从当前选中的元素集更改为另一个元素集,然后继续对其执行操作。这可以通过多种方法来实现,其中常用的有 `...

    jQuery学习笔记

    例如,通过jQuery对象无法直接访问DOM对象的属性,但可以通过[index]或get(index)方法将jQuery对象转换为DOM对象后再操作。 2. jQuery 对象与 DOM 对象的转换 - jQuery对象转DOM对象:可以通过[index]或get(index)...

    jQuery学习笔记.docx

    - 要将jQuery对象转换为DOM对象,可以使用索引访问,如`$variable[0]`或`$variable.get(0)`。 - DOM对象转为jQuery对象,只需要将DOM对象包裹在`$()`中,如`$(variable)`。 4. **jQuery开发工具**: - ...

Global site tag (gtag.js) - Google Analytics