jQuery核心函数&核心对象


核心函数

理解

  1. jQuery核心函数即$()函数 或jQuery()函数
  2. jQuery定义了全局函数$()供我们调用。
  3. $()函数既可以作为一般函数调用,且如果传递的参数不同(即参数类型/格式不同),执行的功能也就不同。
  4. $()函数也可以作为一般的对象调用其定义好的方法,此时$就是一个工具类。

作为函数调用

       当jQuery核心函数$或jQuery作为函数被调用时,此时根据传入参数的不同,执行的功能也不相同。

  • 参数是一个回调函数
    当网页加载完毕后,执行此回调函数,此时$()函数相当于window.onload()。
  • 参数是css选择器字符串
    查找所有匹配的标签,并将它们封装成jQuery对象。
  • 参数是DOM对象
    将该DOM对象封装成jQuery对象。
  • (很少用)参数是html标签字符串
    创建标签对象并将其封装成jQuery对象。

作为对象调用

       当jQuery核心函数或jQuery作为对象被调用时,此时$相当于一个工具对象,用于提供一些方法来执行某些特定功能。如:

  • 一些发送Ajax请求的方法, . a j a x ( ) 、 .ajax()、 .ajax().get()、$.post()等等。
  • 其他工具方法, . e a c h ( ) 、 .each()、 .each().trim()、$.parseJSON()等等。

核心对象

理解

  1. jQuery核心对象是执行jQuery核心函数的返回值,即执行jQuery核心函数返回的是jQuery核心对象。
  2. jQuery核心对象也可以叫作jQuery对象,jQuery对象实质上是一个伪数组对象,该伪数组对象内部封装了一个个DOM元素。具有伪数组的特点,即数值下标和length属性。
  3. jQuery对象拥有很多的属性和方法,利用这些方法可以实现一些特定功能。

属性/方法

jQuery对象的属性包括以下方面:

  1. 一些基本行为
  2. 操作DOM元素的各种属性
  3. 操作标签的css样式
  4. 执行DOM元素的增删改查
  5. 根据指定规则对标签进行筛选
  6. 处理相关事件监听
  7. 实现一些动画效果

注意

  1. jQuery对象的所有属性或方法都是基于该jQuery对象自身的内部元素进行相关操作。
  2. 执行jQuery核心函数后返回jQuery核心对象。
  3. jQuery核心函数也可以当作对象调用,但不是jQuery核心对象,它们有本质上的区别。
  4. jQuery核心函数的实质是一个JS的函数,jQuery核心对象实质是一个伪数组。

总结

- 注意$与jQuery等价,它们指向的是同一个对象,即既可以写$()也可以写jQuery()。
- 都是JS的全局函数
- 执行jQuery核心函数返回jQuery核心对象
- jQuery核心对象是一个伪数组对象


(完)

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery是一个非常流行的JavaScript库,它简化了JavaScript的编写,并提供了许多实用的功能。以下是一些解读jQuery代码的方法和技巧: 1.了解jQuery的基本结构:jQuery核心代码包含在一个立即执行函数表达式(IIFE)中,该函数将window对象作为参数传递,并返回一个jQuery对象。这个jQuery对象是一个包含许多实用方法和属性的对象,可以用来操作DOM元素、处理事件、发送AJAX请求等。 2.阅读jQuery的文档:jQuery有非常详细的文档,可以在官方网站上找到。文档中包含了所有的API方法和属性,以及示例代码和解释。阅读文档可以帮助你更好地理解jQuery的工作原理和用法。 3.了解jQuery的选择器:jQuery的选择器是其最强大的功能之一,它可以让你轻松地选择DOM元素并对其进行操作。了解jQuery的选择器语法和用法可以帮助你更好地理解代码。 4.了解jQuery的链式调用:jQuery的方法通常可以链式调用,这意味着你可以在同一个jQuery对象上调用多个方法。这种方法可以使代码更加简洁和易于阅读。 5.了解jQuery的事件处理:jQuery提供了一种简单的方式来处理DOM事件,可以使用on()方法来绑定事件处理程序。这种方法可以使代码更加简洁和易于维护。 以下是一个使用jQuery的例子,它将在页面加载时隐藏一个元素,并在按钮点击时显示它: ```javascript $(document).ready(function() { $('#myElement').hide(); $('#myButton').click(function() { $('#myElement').show(); }); }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值