百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Javascript应用-jQuery Ajax DOM 元素、遍历、数据操作和方法

zhezhongyun 2024-12-20 19:46 26 浏览

jQuery 库拥有完整的 Ajax 兼容套件。
其中的函数和方法允许在不刷新浏览器的情况下从服务器加载数据,具体如下:

函数

描述

jQuery.ajax()

执行异步 HTTP (Ajax) 请求。

.ajaxComplete()

当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxError()

当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxSend()

在 Ajax 请求发送之前显示一条消息。

jQuery.ajaxSetup()

设置将来的 Ajax 请求的默认值。

.ajaxStart()

当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxStop()

当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。

.ajaxSuccess()

当 Ajax 请求成功完成时显示一条消息。

jQuery.get()

使用 HTTP GET 请求从服务器加载数据。

jQuery.getJSON()

使用 HTTP GET 请求从服务器加载 JSON 编码数据。

jQuery.getScript()

使用 HTTP GET 请求从服务器加载 JavaScript 文件,然后执行该文件。

.load()

从服务器加载数据,然后把返回到 HTML 放入匹配元素。

jQuery.param()

创建数组或对象的序列化表示,适合在 URL 查询字符串或 Ajax 请求中使用。

jQuery.post()

使用 HTTP POST 请求从服务器加载数据。

.serialize()

将表单内容序列化为字符串。

.serializeArray()

序列化表单元素,返回 JSON 数据结构数据。


jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。

函数

描述

.add()

将元素添加到匹配元素的集合中。

.andSelf()

把堆栈中之前的元素集添加到当前集合中。

.children()

获得匹配元素集合中每个元素的所有子元素。

.closest()

从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。

.contents()

获得匹配元素集合中每个元素的子元素,包括文本和注释节点。

.each()

对 jQuery 对象进行迭代,为每个匹配元素执行函数。

.end()

结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。

.eq()

将匹配元素集合缩减为位于指定索引的新元素。

.filter()

将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。

.find()

获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。

.first()

将匹配元素集合缩减为集合中的第一个元素。

.has()

将匹配元素集合缩减为包含特定元素的后代的集合。

.is()

根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。

.last()

将匹配元素集合缩减为集合中的最后一个元素。

.map()

把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。

.next()

获得匹配元素集合中每个元素紧邻的同辈元素。

.nextAll()

获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。

.nextUntil()

获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。

.not()

从匹配元素集合中删除元素。

.offsetParent()

获得用于定位的第一个父元素。

.parent()

获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。

.parents()

获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。

.parentsUntil()

获得当前匹配元素集合中每个元素的祖先元素,直到遇到匹配选择器的元素为止。

.prev()

获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。

.prevAll()

获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。

.prevUntil()

获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。

.siblings()

获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)。

.slice()

将匹配元素集合缩减为指定范围的子集。



jQuery 数据操作函数

这些方法允许我们将指定的 DOM 元素与任意数据相关联。

函数

描述

.clearQueue()

从队列中删除所有未运行的项目。

.data()

存储与匹配元素相关的任意数据。

jQuery.data()

存储与指定元素相关的任意数据。

.dequeue()

从队列最前端移除一个队列函数,并执行它。

jQuery.dequeue()

从队列最前端移除一个队列函数,并执行它。

jQuery.hasData()

存储与匹配元素相关的任意数据。

.queue()

显示或操作匹配元素所执行函数的队列。

jQuery.queue()

显示或操作匹配元素所执行函数的队列。

.removeData()

移除之前存放的数据。

jQuery.removeData()

移除之前存放的数据。



jQuery DOM 元素方法

函数

描述

.get()

获得由选择器指定的 DOM 元素。

.index()

返回指定元素相对于其他指定元素的 index 位置。

.size()

返回被 jQuery 选择器匹配的元素的数量。

.toArray()

以数组的形式返回 jQuery 选择器匹配的元素。


jQuery 核心函数

函数

描述

jQuery()

接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。

jQuery.noConflict()

运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库。



jQuery 属性

下面列出的这些方法设置或返回元素的 CSS 相关属性。

属性

描述

context

版本 1.10 中被弃用。包含传递给 jQuery() 的原始上下文。

jquery

包含 jQuery 版本号。

jQuery.fx.interval

改变以毫秒计的动画速率。

jQuery.fx.off

全局禁用/启用所有动画。

jQuery.support

表示不同浏览器特性或漏洞的属性集合(用于 jQuery 内部使用)。

length

包含 jQuery 对象中的元素数目。

相关推荐

JPA实体类注解,看这篇就全会了

基本注解@Entity标注于实体类声明语句之前,指出该Java类为实体类,将映射到指定的数据库表。name(可选):实体名称。缺省为实体类的非限定名称。该名称用于引用查询中的实体。不与@Tab...

Dify教程02 - Dify+Deepseek零代码赋能,普通人也能开发AI应用

开始今天的教程之前,先解决昨天遇到的一个问题,docker安装Dify的时候有个报错,进入Dify面板的时候会出现“InternalServerError”的提示,log日志报错:S3_USE_A...

用离散标记重塑人体姿态:VQ-VAE实现关键点组合关系编码

在人体姿态估计领域,传统方法通常将关键点作为基本处理单元,这些关键点在人体骨架结构上代表关节位置(如肘部、膝盖和头部)的空间坐标。现有模型对这些关键点的预测主要采用两种范式:直接通过坐标回归或间接通过...

B 客户端流RPC (clientstream Client Stream)

客户端编写一系列消息并将其发送到服务器,同样使用提供的流。一旦客户端写完消息,它就等待服务器读取消息并返回响应gRPC再次保证了单个RPC调用中的消息排序在客户端流RPC模式中,客户端会发送多个请...

我的模型我做主02——训练自己的大模型:简易入门指南

模型训练往往需要较高的配置,为了满足友友们的好奇心,这里我们不要内存,不要gpu,用最简单的方式,让大家感受一下什么是模型训练。基于你的硬件配置,我们可以设计一个完全在CPU上运行的简易模型训练方案。...

开源项目MessageNest打造个性化消息推送平台多种通知方式

今天介绍一个开源项目,MessageNest-可以打造个性化消息推送平台,整合邮件、钉钉、企业微信等多种通知方式。定制你的消息,让通知方式更灵活多样。开源地址:https://github.c...

使用投机规则API加快页面加载速度

当今的网络用户要求快速导航,从一个页面移动到另一个页面时应尽量减少延迟。投机规则应用程序接口(SpeculationRulesAPI)的出现改变了网络应用程序接口(WebAPI)领域的游戏规则。...

JSONP安全攻防技术

关于JSONPJSONP全称是JSONwithPadding,是基于JSON格式的为解决跨域请求资源而产生的解决方案。它的基本原理是利用HTML的元素标签,远程调用JSON文件来实现数据传递。如果...

大数据Doris(六):编译 Doris遇到的问题

编译Doris遇到的问题一、js_generator.cc:(.text+0xfc3c):undefinedreferenceto`well_known_types_js’查找Doris...

网页内嵌PDF获取的办法

最近女王大人为了通过某认证考试,交了2000RMB,官方居然没有给线下教材资料,直接给的是在线教材,教材是PDF的但是是内嵌在网页内,可惜却没有给具体的PDF地址,无法下载,看到女王大人一点点的截图保...

印度女孩被邻居家客人性骚扰,父亲上门警告,反被围殴致死

微信的规则进行了调整希望大家看完故事多点“在看”,喜欢的话也点个分享和赞这样事儿君的推送才能继续出现在你的订阅列表里才能继续跟大家分享每个开怀大笑或拍案惊奇的好故事啦~话说只要稍微关注新闻的人,应该...

下周重要财经数据日程一览 (1229-0103)

下周焦点全球制造业PMI美国消费者信心指数美国首申失业救济人数值得注意的是,下周一希腊还将举行第三轮总统选举需要谷歌日历同步及部分智能手机(安卓,iPhone)同步日历功能的朋友请点击此链接,数据公布...

PyTorch 深度学习实战(38):注意力机制全面解析

在上一篇文章中,我们探讨了分布式训练实战。本文将深入解析注意力机制的完整发展历程,从最初的Seq2Seq模型到革命性的Transformer架构。我们将使用PyTorch实现2个关键阶段的注意力机制变...

聊聊Spring AI的EmbeddingModel

序本文主要研究一下SpringAI的EmbeddingModelEmbeddingModelspring-ai-core/src/main/java/org/springframework/ai/e...

前端分享-少年了解过iframe么

iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...