jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理

news2024/10/6 14:33:22

jQuery

核心理念就是写的更少,做的更多
实现的代码更加简洁
有效的提高开发效率

jQuery跟JavaScript的用法是一样的

跟jQuery相继诞生的JavaScript库还有很多,不包括node.js

关于代码$("li").get(0),获取DOM对象

jQuery对象声明,是通过($)符号来实现的

如果同时使用window.onload与$(function(){}),执行顺序会是$(function(){})先执行

关于代码document.getElementById('myId').html();会报错

获取HTML代码中li标签的DOM对象,并调用(innerText)属性来获取第一个li标签的文本。

jQuery的优势中轻量级的文件包,文件大小94.8KB简介的语法强大的选择器

在DOM树形结构中下面是href、charset属性节点

jQuery中访问size()方法时返回值跟jQuery对象的length属性是一致的。

能够为元素的子元素绑定jQuery事件的方法是(ABCD )

A. bind() B. on() C. delegate() D. one ()

下列选项中,可以用来获取所有表单的选择器是(A )。

  1. :input B. :form C. :all D. :allinput

不属于jQuery基本选择器的是(C )。

  1. element B. #id C. selector D. .class

与元素索引值相关的选择器是(ABD )。

  1. :even B. :odd C. :not(selector) D. :last

 jQuery中css()方法在获取多个样式属性时,参数需要以(A )形式传入。

  1. 对象 B. 数组 C. 函数 D. 字符串

 下列( C )方法获取元素的宽度只包括元素的宽度、内边距和边框。

  1. width() B. innerWidth() C. outerWidth() D. outerWidth(true)

outerHeight()方法不传递参数时获取的元素高度不包括( D)。

  1. width B. padding C. border D. margin

下列关于jQuery中的方法,说法错误的是( C )。

A. slideDown()方法控制元素的向下滑动

B. show()方法控制元素的显示

C. toggle()方法用于控制元素的透明度切换

D. fadeOut()方法控制元素的淡出

下列选项中,关于jQuery中停止动画的方法描述错误的是(D )。

A. stop()方法可以控制动画的停止

B. stop()方法的参数默认都为false

C. stop()方法的参数都设为true时表示停止所有动画

D. 以上说法都不正确

假如选择页面中唯一一个DOM元素,那个是最快,最高效的选择器(ID选择器)

在jQuery中,用outerWidth(true)获取元素的宽度包括内边距、边框和外边距。

在jQuery中,用outerWidth()获取元素的宽度包括内边距和边框。

在jQuery操作元素位置中,用offsetParent()来获取距离匹配元素最近的含有定位信息的元素

在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,用()来实现,该方法的返回值有两个属性,分别是offset() left top

jQuery中,用innerWidth来获取当前窗口的宽度值。

设置元素的多个属性值时,attr()方法会接受的参数是对象

通过jQuery获取和设置表单的值,用disabled实现获取表单不可用的按钮

在jQuery中,获取id值为box元素的内容html()

在jQuery创建节点中,$("<a></a>")可以替换为html("<a></a>")

appendTo()来追加到指定元素的末尾。

内部和外部插入不属于jQuery文档处理

用来实现删除ul下的li元素的是$("li").detach()

remove()方法不会在jQuery对象中保留元素的数据

删除表单中的id值为btn的按钮,且保留其点击事件,用detach()来实

在jQuery事件中,当调整浏览器窗口时触发的事件是resize()事件。

在jQuery事件方法中,当滚动条发生变化时触发的事件是scroll()事件。

通过load()方法会在元素的onload事件中绑定一个事件处理函数。

在页面的所有内容(包括DOM元素以及图片等文件)都加载完后才触发的事件是onload

在jQuery中,页面DOM元素加载完成后便可触发的事件是ready()

jQuery事件中,与javaScript中的onblur用法类似的是blur

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1276863.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MMdetection3.0 问题:DETR验证集上AP值全为0.0000

MMdetection3.0 问题&#xff1a;DETR验证集上AP值全为0.0000 条件&#xff1a; 1、选择的是NWPU-VHR-10数据集&#xff0c;其中训练集455张&#xff0c;验证、测试相同均为195张。 2、在Faster-rcnn、YOLOv3模型上均能训练成功&#xff0c;但是在DETR训练时&#xff0c;出现验…

前端学习系列之CSS

目录 CSS 简介 发展史 优势 基本语法 引用方式 内部样式 行内样式 外部样式 选择器 id选择器 class选择器 标签选择器 子代选择器 后代选择器 相邻兄弟选择器 后续兄弟选择器 交集选择器 并集选择器 通配符选择器 伪类选择器 属性选择器 CSS基本属性 优…

pycharm中绘制一个3D曲线

import numpy as np import matplotlib.pyplot as plt # 中文的设置 import matplotlib as mp1 from mpl_toolkits.mplot3d import Axes3D mp1.rcParams["font.sans-serif"] ["kaiti"] mp1.rcParams["axes.unicode_minus"] False # 数据创建 X…

Python过滤掉特定区域内的矩形框

Python过滤掉特定区域内的矩形框 前言前提条件相关介绍实验环境过滤掉特定区域内的矩形框方法一&#xff1a;直接法&#xff08;for循环遍历&#xff09;代码实现输出结果 方法二&#xff1a;列表推导式代码实现输出结果 前言 由于本人水平有限&#xff0c;难免出现错漏&#x…

51k+ Star!动画图解、一键运行的数据结构与算法教程!

大家好&#xff0c;我是 Java陈序员。 我们都知道&#xff0c;《数据结构与算法》 —— 是程序员的必修课。 无论是使用什么编程语音&#xff0c;亦或者是前后端开发&#xff0c;都需要修好《数据结构与算法》这门课&#xff01; 在各个互联网大产的面试中&#xff0c;对数据…

RocketMQ事务消息源码解析

RocketMQ提供了事务消息的功能&#xff0c;采用2PC(两阶段协议)补偿机制&#xff08;事务回查&#xff09;的分布式事务功能&#xff0c;通过这种方式能达到分布式事务的最终一致。 一. 概述 半事务消息&#xff1a;指的是发送至broker但是还没被commit的消息&#xff0c;在半…

【Linux】24、文件系统、磁盘 IO

文章目录 一、文件系统1.1 索引节点和目录项1.2 虚拟文件系统 VFS1.3 文件系统 I/O1.5 性能观测1.5.1 容量1.5.2 缓存1.5.3 find 命令的缓存 二、磁盘 I/O2.1 通用块层2.2 I/O 栈2.3 磁盘性能指标2.3.1 磁盘 I/O 观测2.3.2 进程 I/O 观测 2.4 案例&#xff1a;找到打大量日志的…

UiPath学习笔记

文章目录 前言RPA介绍UiPath下载安装组件内容 前言 最近有一个项目的采集调研涉及到了客户端的采集&#xff0c;就取了解了一下RPA和UIPATH&#xff0c;记录一下 RPA介绍 RPA&#xff08;Robotic Process Automation&#xff1a;机器人处理自动化&#xff09;&#xff0c;是…

聊聊什么是IO流

目录 Java IOIO 基础Java IO 流了解吗&#xff1f; IO 设计模式1、装饰器模式2、适配器模式适配器模式和装饰器模式有什么区别呢&#xff1f;3、工厂模式4、观察者模式 IO 模型有哪些常见的 IO 模型&#xff1f;BIO(Blocking I/O)NIO (Non-blocking/New I/O)AIO (Asynchronous …

Java包(package)

1、概念 为了更好的组织类&#xff0c;用于区别类名的命名空间&#xff0c;其实就是基于工程的一个文件路径&#xff0c;如&#xff1a; 2、作用 三个作用&#xff1a; 1&#xff09;区分相同名称的类。 2&#xff09;能够较好地管理大量的类。 3&#xff09;控制访问范围。 在…

网站实现验证码功能

一、验证码 一般来说&#xff0c;网站在登录的时候会生成一个验证码来验证是否是人类还是爬虫&#xff0c;还有一个好处是防止恶意人士对密码进行爆破。 二、流程图 三、详细说明 3.1 后端生成验证码 Override public Result<Map<String, String>> getVerifica…

国内哪个超声波清洗机品牌比较好?质量好超声波清洗机总结

近年来超声波清洗机可以说是非常火爆&#xff0c;可以清洗化妆刷、眼镜、牙套等等一些小物件&#xff0c;大物件物品可以入手大型超声波清洗机&#xff0c;总之现在超声波清洗机已经衍生到可以在家使用&#xff0c;不再是在眼镜店看到它的身影或者是一些工业领域上&#xff0c;…

第二节:服务拆分(案例)

一、服务拆分注意事项 1.1 拆分原则 每个微服务&#xff0c;不要重复开发相同业务&#xff08;例如在单体项目中用到了一个查询&#xff0c;这个查询功能能够查询出订单信息、商品信息、用户信息&#xff0c;那么在拆分微服务时就不要将其写在一起了&#xff0c;订单的微服务只…

1、RocketMQ源码分析(一)

RocketMQ简单介绍 RabbitMQ的底层是使用erlang语言编写的&#xff0c;不便分析其底层&#xff0c;RocketMQ作为原阿里下经历阿里双十一严格考验的中间件&#xff0c;同时也是使用我们熟悉的java语言编写&#xff0c;我们先把入门的基础必备了解透&#xff0c;然后在去分析源码…

基于WebSocket实现客户聊天室

目录 一、实现聊天室原理 二、聊天室前端代码 三、聊天室后端代码&#xff08;重点&#xff09; 四、聊天室实现效果展示 一、实现聊天室原理 1.1 介绍websocket协议 websocket是一种通信协议&#xff0c;再通过websocket实现弹幕聊天室时候&#xff0c;实现原理是客户端首…

使用K-means把人群分类

1.前言 K-mean 是无监督的聚类算法 算法分类&#xff1a; 2.实现步骤 1.数据加工&#xff1a;把数据转为全数字&#xff08;比如性别男女&#xff0c;转换为0 和 1&#xff09; 2.模型训练 fit 3.预测 3.代码 原数据类似这样(source&#xff1a;http:img-blog.csdnimg.cn…

vmware 安装 AlmaLinux OS 8.6

选择系统镜像 选择镜像 选择安装位置和修改名称 可以自定义硬件&#xff0c;也可以不选择&#xff0c;后面可以再设置 自定义硬件可以设置内存和cpu等信息 安装虚拟机系统 密码如果简单的话需要点击两次done 才能保存

集成开发环境PyCharm的使用【侯小啾python领航计划系列(三)】

集成开发环境 PyCharm 的使用【侯小啾python领航计划系列(三)】 大家好,我是博主侯小啾, 🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ�…

Stable Diffusion AI绘画系列【10】:AI眼中的美丽清晨

《博主简介》 小伙伴们好&#xff0c;我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源&#xff0c;可关注公-仲-hao:【阿旭算法与机器学习】&#xff0c;共同学习交流~ &#x1f44d;感谢小伙伴们点赞、关注&#xff01; 《------往期经典推…

【数电笔记】卡诺图绘制(逻辑函数的卡诺图化简)

目录 说明&#xff1a; 最小项卡诺图的组成 1. 相邻最小项 2. 卡诺图的组成 2.1 二变量卡诺图 2.2 三表变量卡诺图 2.3 四变量卡诺图 3. 卡诺图中的相邻项&#xff08;几何相邻&#xff09; 说明&#xff1a; 笔记配套视频来源&#xff1a;B站 最小项卡诺图的组成 1. …