jQuery入门

embedded/2024/9/19 0:45:23/ 标签: jquery, 前端, javascript

一,概述

1.JavaScript库

是一个封装好的待定集合,封装了很多函数在里面

2.概念

加快前端人员开发速度,可以非常快捷的调用它

二,基本使用

先把代码引入进来,在进行后续的操作

1.入口函数

2.顶级对象$

$是jQuery的别称

还是顶级对象,可以使用$把元素包装成jQuary对象,可以调用某种方法

3.jQuery对象和DoM对象

DOM对象:用原生JavaScript获取的对象。只能使用原生的JavaScript的属性和方法

var input=document.querySelector(‘div’)

这个input就是DOM对象

jQuery对象:用jquery获取的对象,即$对DOM对象进行包装的jQuery的对象(伪数组方式进行存储),只能使用jquery方法

相互转换

如果前面已经声明了一个DOM对象,则在转换为jQuery是就不用加引号了

三,常用API

1.选择器

获取元素的方法:$(“选择器”),里面直接填css选择器即可,不要忘记加引号

1.隐式迭代

jQuery的样式设置:

$("div").css('属性',‘值’)

就是把所有的匹配的元素内部进行遍历循环,给每一个元素添加css这个方法

2.筛选选择器

3.筛选方法

find会把子孙后代都选择出来

4.排他思想

有了隐式迭代,就省略了遍历过程,把其他兄弟的样式删除,就可以实现多选一的效果

5.链式编程

2.样式操作

1.操作css方法

2.类样式方法

3.效果

1.显示与隐藏

2.事件切换

3.动画队列及停止排队的方法

必须写在动画前面

4,淡入淡出效果

fadeIn是淡入效果,  fadeToggle()是淡入淡出相切换

 5.自定义动画

4.属性操作

1.获取固有属性prop()

2.获取固有属性attr()

3.数据缓存data()

里面的数据是存放在数据的内存里面的

5.内容文本值

修改表单里面的值用val()方法

第一个方法还会获取标签,而第二个只会获取内容

6.元素操作

1.遍历函数

方便处理数据的

2.创建元素

3.添加元素
1.内部添加

父子关系

用perpend是内部添加,把内容放入元素的最前面

2.外部添加

兄弟关系

4.删除元素

第一个不仅内容没了,标签也没了

第二个和第三个删除内容,但是标签还在

7.尺寸位置操作

1.尺寸

2.位置
1.offset()设置或获取元素偏移

  获取设置距离文档的位置

以文档为主和父级没有关系

 

上面是获取,下面是修改

2.position ()

获取带有距离定位的父级位置,若没有带定位的父级盒子,那就以文档为主

只能获取不能设置

3.scrollTop()/scrollLeft()设置或获取元素被卷取的头部和左侧

 

四,事件问题

1.事件注册

1.单个事件注册

2.绑定on事件

3,解绑

4.自动触发事件

第三种不会触发元素的默认行为

2.事件对象

1.对象拷贝

会覆盖原来的数据

复制的是复杂数据类型的地址而不是数据,若原数据变化,则复制后的也会变化


http://www.ppmy.cn/embedded/44979.html

相关文章

华为昇腾310 yolov8自训练模型推理使用

参考: https://gitee.com/cumt/ascend-yolov8-sample/tree/master https://developer.huawei.com/consumer/cn/forum/topic/0203148227811150357 https://blog.csdn.net/weixin_42357472/article/details/139322218 参考CANN版本: cd /usr/local/Ascend/ascend-toolkit/l…

2023-2024中国区块链年度发展报告

来源:赛迪 近期历史回顾:2024社交媒体全球使用趋势报告.pdf 国际建造成本指数报告2024--产能角逐.pdf 2024可持续包装管理体系与最佳实践案例集.pdf 2024年专利诉讼报告.pdf 2024Q1保险业运行报告.pdf 2024年云指数报告.pdf 2024内容营销10大趋势-内容时…

HCIP-Datacom-ARST自选题库__MAC【14道题】

一、单选题 1.缺省情况下,以下哪种安全MAC地址类型在设备重启后表项会丢失? 黑洞MAC地址 Sticky MAC地址 安全动态MAC地址 安全静态MAC地址 2.华为交换机MAC地址表中的动态sticky MAC地址的默认老化时间是多少秒? 300 不会老化 400 500 3.华为交换机MA…

前端基础小项目:探索与实践的旅程

前端基础小项目:探索与实践的旅程 在数字化浪潮席卷而来的今天,前端开发作为构建互联网应用的重要一环,吸引了无数热爱技术的开发者。对于初学者来说,通过完成一些基础的小项目,不仅能够巩固理论知识,还能…

自学成才Flutter 弹性布局、线性布局

本文我们要介绍 Flutter 中布局 Widget,包括弹性布局、线性布局 流式布局和层叠布局。 Flutter中文网 Flutter开发 一、弹性布局--Flex Flex 类似 Android 中的 FlexboxLayout,和 Expanded 配合使用可以实现子Widget 按照一定比例来分配父容器空间。 使…

go mod包管理与应用,常见错误排查方法

go mod包管理 go 中 包管理使用go mod 进行包管理 go mod init 项目名称 go mod init myproject_go生成的go.mod中有 module myproject_go 创建目录go_service 其下有两个go文件,go_request.go go_write.go . 根目录下有main.go入口文件。于是项目结构类似于&…

#知识分享#笔记#学习方法

“二豆写作工具推荐” 在当今社会,论文写作已成为学术界必不可少的一部分。但是很多学生在写作过程中经常会遇到一些困难,比如查重降重。为了帮助广大学生更好地完成论文写作,我们推荐一款优秀的工具——二豆写作。 二豆写作是一款专门用于…

seRsync + Rsync 实时同步

文章目录 1,结构图2,节点A2.1 安装rsync2.2 安装seRsync2.3, 创建seRsync的守护进程用systemd管理并启动2.4,上传rsync.pass密码文件到配置文件目录:/etc/2.5 ,重新加载systemd,启动sersyncd守护…

12k Star!Continue:Github Copilot 开源本地版、开发效率和隐私保护兼得、丰富功能、LLM全覆盖!

原文链接:(更好排版、视频播放、社群交流、最新AI开源项目、AI工具分享都在这个公众号!) 12k Star!Continue:Github Copilot 开源本地版、开发效率和隐私保护兼得、丰富功能、LLM全覆盖! &…

微信小程序-页面导航-导航传参

1.声明式导航传参 navigator组件的url属性用来指定将要跳转到的页面的路径,同时,路径的后面还可以携带参数: (1)参数与路径之间使用 ? 分割 (2)参数键与参数值用 相连 (3&…

二百三十八、Hive——Hive中为每条数据创建唯一ID

一、目的 由于Kafka的JSON中缺少唯一的ID标识字段,因此发现后面的需求中DWD层表需要有一个唯一ID字段,这样才能与数据质量表更好的关联 二、Hive版本 尚硅谷的3.1.2版本 三、Hive创建唯一ID方法 网上的创建唯一ID方法有很多,这里展示一些…

FURNet问题

1. 为什么选择使用弱监督学习? 弱监督学习减少了对精确标注数据的依赖,这在医学图像处理中尤为重要,因为高质量标注数据通常需要大量专业知识和时间。弱监督学习通过利用少量标注数据或粗略标注数据来训练模型,降低了数据准备的成…

Spring Boot集成statemachine快速入门demo

1.什么是statemachine? Spring Statemachine 是应用程序开发人员在 Spring 应用程序中使用状态机概念的框架,从设计层面分析:状态机目的是解决复杂的状态管理流程,保证程序单一原则和开闭原则;业务角度分析&#xff1…

Scrapy框架简单介绍及Scrapy项目编写详细步骤(Scrapy框架爬取豆瓣网站示例)

引言 Scrapy是一个用Python编写的开源、功能强大的网络爬虫框架,专为网页抓取和数据提取设计。它允许开发者高效地从网站上抓取所需的数据,并通过一系列可扩展和可配置的组件来处理这些数据。Scrapy框架的核心组成部分包括: Scrapy Engine&…

Day08:CSS 高级

目标:掌握定位的作用及特点;掌握 CSS 高级技巧 一、定位 作用:灵活的改变盒子在网页中的位置 实现: 1.定位模式:position 2.边偏移:设置盒子的位置 leftrighttopbottom 水平方向偏移:left、…

力扣 264. 丑数 II python AC

堆 from heapq import heappop, heappushclass Solution:def nthUglyNumber(self, n):q [1]vis {1}for _ in range(n - 1):now heappop(q)for i in [2, 3, 5]:if now * i not in vis:vis.add(now * i)heappush(q, now * i)return heappop(q)

探索重庆耶非凡科技:揭秘其背后的技术实力与市场布局

重庆耶非凡科技有限公司,作为重庆当地一家知名的综合性服务型企业,近年来在多个领域取得了显著的成绩。其业务范围广泛,不仅涵盖了传统的行业服务,还积极探索并实践了一系列创新项目,其中最为引人注目的便是选品师项目…

平衡二叉树的应用举例

AVL 是一种自平衡二叉搜索树,其中任何节点的左右子树的高度之差不能超过 1。 AVL树的特点: 1、它遵循二叉搜索树的一般属性。 2、树的每个子树都是平衡的,即左右子树的高度之差最多为1。 3、当插入新节点时,树会自我平衡。因此…

postgressql——四种进程间锁(4)

进程间锁 在PostgreSQL里有四种类型的进程间锁: Spinlocks:自旋锁,其保护的对象一般是数据库内部的一些数据结构,是一种轻量级的锁。 LWLocks:轻量锁,也是主要用于保护数据库内部的一些数据结构,支持独占和共享两种模式。 Regular locks:又叫heavyweight locks,也就是…

算法每日一题(python,2024.05.28) day.10

题目来源(力扣. - 力扣(LeetCode),中等) 解题思路: 辅助数组 找规律,设旋转前某点matrix[i][j],则旋转后改点变为matrix[j][n-1-i](n为len(matr…