jQuery 基础

1. jQuery 概述

1.1 JavaScript 库

在这里插入图片描述
在这里插入图片描述

1.2 jQuery 概念

在这里插入图片描述

1.3 jQuery 优点

在这里插入图片描述

2. jQuery 基本使用

2.1 下载

在这里插入图片描述

2.2 使用步骤

  1. 引入jQuery 文件在这里插入图片描述
  2. 检测是否引入成功
    `
`

2.3 jQuery 的入口函数

一般情况下,我们会将JS 代码放在html 元素后,因为有了元素,JS 代码才会执行;但有了 jQuery 的入口函数,我们就不需要注意JS 文件位置的放置了。
在这里插入图片描述

  1. 在这里插入图片描述

2.在这里插入图片描述

在这里插入图片描述

2.4 jQuery 的顶级对象 $

在这里插入图片描述

在这里插入图片描述

2.5 DOM 对象和 jQuery 对象

  1. DOM 对象在这里插入图片描述

  2. jQuery 对象在这里插入图片描述

  3. 一定要注意:在这里插入图片描述
    DOM 对象和 jQuery 对象是不一样的两种对象;有时候需要两者之间相互转换。

DOM 对象和 jQuery 对象相互转换方法

在这里插入图片描述
提示:DOM 对象有play() 方法,使得视频开始播放。

  1. DOM --> jQuery在这里插入图片描述

  2. jQuery --> DOM在这里插入图片描述

相关推荐

  1. JQuery入门基础

    2024-03-22 08:04:01       46 阅读
  2. jquery

    2024-03-22 08:04:01       35 阅读
  3. <span style='color:red;'>jQuery</span>

    jQuery

    2024-03-22 08:04:01      30 阅读
  4. JQuery

    2024-03-22 08:04:01       32 阅读
  5. <span style='color:red;'>jQuery</span>

    jQuery

    2024-03-22 08:04:01      27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-22 08:04:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-22 08:04:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-22 08:04:01       82 阅读
  4. Python语言-面向对象

    2024-03-22 08:04:01       91 阅读

热门阅读

  1. QT常见数据类型和类的使用

    2024-03-22 08:04:01       38 阅读
  2. 【mybatis】TypeHandler解读

    2024-03-22 08:04:01       50 阅读
  3. Transformer 论文阅读笔记

    2024-03-22 08:04:01       58 阅读
  4. Superset二次开发之PostgreSQL 统计信息介绍

    2024-03-22 08:04:01       43 阅读
  5. 系统资源耗尽对服务器的影响

    2024-03-22 08:04:01       52 阅读
  6. FlinkSQL之保序任务对于Join SQL影响分析

    2024-03-22 08:04:01       33 阅读
  7. Semi-supervised Open-World Object Detection

    2024-03-22 08:04:01       38 阅读