将Ajax JQuery选择器保存在数组中
是一种常见的前端开发技巧，可以方便地对多个元素进行操作和处理。下面是完善且全面的答案：
概念： Ajax（Asynchronous JavaScript and XML）是一种在Web应用中实现异步通信的技术，通过在后台与服务器进行少量数据交换，可以使网页实现局部更新，提升用户体验。
JQuery选择器是JQuery库提供的一种语法，用于选择HTML元素，类似于CSS选择器，可以根据元素的标签名、类名、ID等属性进行选择。
分类： JQuery选择器可以分为基本选择器、层次选择器、过滤选择器、表单选择器等多种类型，根据具体需求选择合适的选择器进行操作。
优势：
- 简洁易用：JQuery选择器提供了简洁的语法，可以快速定位到需要操作的元素。
- 跨浏览器兼容：JQuery选择器封装了底层的DOM操作，可以在不同浏览器上保持一致的行为。
- 强大的功能：JQuery选择器支持多种选择方式，可以根据元素的属性、层次关系、状态等进行选择，满足各种复杂的需求。
应用场景：
- 动态加载数据：通过Ajax获取数据后，可以使用JQuery选择器对返回的数据进行解析和处理。
- 表单验证：可以使用JQuery选择器选择表单元素，并对其进行验证和处理。
- 动态修改页面：可以使用JQuery选择器选择指定的元素，并修改其内容、样式等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与前端开发相关的产品：
- 云服务器（CVM）：提供弹性计算能力，可用于部署前端应用和网站。详情请参考：腾讯云云服务器
- 云存储（COS）：提供高可靠、低成本的对象存储服务，可用于存储前端应用的静态资源。详情请参考：腾讯云对象存储
- 云函数（SCF）：无服务器计算服务，可用于编写和运行前端应用的后端逻辑。详情请参考：腾讯云云函数
- 内容分发网络（CDN）：加速静态资源的访问，提升前端应用的加载速度和用户体验。详情请参考：腾讯云内容分发网络
- 云监控（Cloud Monitor）：监控前端应用的性能和可用性，及时发现和解决问题。详情请参考：腾讯云云监控
总结： 将Ajax JQuery选择器保存在数组中是一种方便的前端开发技巧，可以通过选择器快速定位和操作多个元素。腾讯云提供了多种与前端开发相关的产品和服务，可满足各种需求。
相关·内容
如果我有一个JQuery对象，其中包含已经在DOM中的元素，那么remove函数将正确地将它们从DOM中删除。
但是，我希望删除尚未添加到DOM中的特定元素，这些元素仅存在于JQuery对象中，如下所示：
var $div = $("<div><span class='sample'></span></div>");
$div.remove(".sample");
console.log($div.html()); // prints out the original HTML, inner spa
浏览 5提问于2014-09-18得票数 0
回答已采纳
我想添加输入与js和发送值与jQuery，但值不发送。
实际上，字段值在jQuery中没有定义。
function addElement(myDiv, type) {
var ni = document.getElementById(myDiv);
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value - 1) + 2;
numi.value = num;
var newdiv
浏览 2提问于2016-02-24得票数 0
嘿！
我想用电脑编写“石头剪刀”的程序。现在，当我选择三种选择之一时，我想让计算机放入一个随机的对象--但是怎么做呢？我想出了这样的东西
jQuery (当我单击#rock时，从下面随机插入一个div )
$('#rock').on('click',function() {
$('#putHere').text($("#rock" || "#paper" || "#scissors").text());
});
HTML
<div id="r
浏览 5提问于2017-01-05得票数 1
回答已采纳
2回答
在删除克隆元素内部的div时遇到困难。运行该代码片段，并注意到do not clone me part被附加，即使它已被删除。
let myhtml = `<div style="border: 1px solid black;" class="mycontainer">
clone me
<div class="noClone">
do not clone me
</div>
浏览 14提问于2018-08-16得票数 3
回答已采纳
我是jquery的新手，我遇到了一个有点奇怪的问题。在jquery中创建div后，我无法使用它，这个示例将向您展示问题是如何出现的！假设在get.php页面中只有:echo“测试测试”；我的文件中的代码：
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#bda").click(funct
浏览 0提问于2012-07-10得票数 0
回答已采纳
我正在使用MVC中的ajax.beginform和InsertionMode.Replace，并使用jquery.contextMenu.min.js，它工作得很好，但由于某些原因，在提交后我得到了dom错误 Uncaught TypeError: Cannot read property 'rightClick' of undefined
at b.fn.init.show (room.script.js:627)
at b.fn.init.show (jquery.contextMenu.min.js:1)
at HTMLDivElement.co
浏览 20提问于2019-04-15得票数 0
回答已采纳
2回答
我使用jquery来找出单击的元素data-variants是什么，使用以下代码：
<button data-variants="green blue red">Red<button>
$('#topSelector').on('click', 'button', function() {
var variants = $(this).data('variants');
});
单击按钮将变量设置为green blue red。我希望筛选和隐藏所有具有与列表中的一个变体匹配的id的元
浏览 5提问于2016-10-15得票数 3
回答已采纳
我试图使用jquery请求发送一个数组或对象。我有多个名称相同的输入，如下所示：
$.ajax({
type: "POST",
url: "/details",
date:{
number:$('input[name="number[]"]').val()
})
但是，即使用相同的名称属性name="number[]"填充多个输入，我也只能在nodejs后端得到一个值。
jquery不是自动发布具有相同属性的所有值吗？
浏览 0提问于2019-07-20得票数 0
回答已采纳
与标题一样，如何使用jQuery的DOM jQuery()。例如，我正在使用jQuery和Chrome浏览器的最终版本：
<ul>
<li>new</li>
<li>howler monkey</li>
<li>pine marten</li>
</ul>
我尝试了$(" li ")，但是它只返回第一个li标记。
-P/S:我有解决这个问题的答案。我从jquery.js下载jquery.com并链接到它，但是它只返回第一个li标记。
$("li"
浏览 5提问于2017-07-20得票数 1
回答已采纳
3回答
我想知道是否有人能帮我。
对jQuery的场景很陌生。
什么是这样的形式
<form method="POST" action="/ajax/controller.php" id="exportform">
在表单中我有一个文本输入
<input id="name" name="name" />
然后我有一些os jQuery来提交表单。
$("#save").click(function() {
$("#exportform").submit();
浏览 4提问于2014-10-10得票数 0
回答已采纳
2回答
可能是简单的问题，但如何用jQuery编写输入名称：
HTML
<input type="hidden" name="user[profile_attributes][birthdate(3i)]" value="3">
JQUERY：
这似乎不起作用，也不适用于其他地方：
jQuery('input[name="user[profile_attributes][birthdate(3i)"]')
浏览 4提问于2016-03-27得票数 1
回答已采纳
1回答
我有一个应用程序，它的时间会动态地绑定到场景中，可能允许时间为空，
在设置中，允许时间空集作为示例，其中假定为空。
如何设置空时间？
$(document).ready(function(){
try{ $('.DATETIMEFIELD').datetimepicker({
value:'',
datepicker:false,
format:'h:i A',
formatTime: 'h:i A',
step:30 ,
allowTimes
浏览 2提问于2018-04-12得票数 2
回答已采纳
3回答
假设我有这样的代码：
<select id="select" multiple="multiple">
<option value="A1">abc</option>
<option value="A2">cde</option>
<option value="A3">efg</option>
</select>
和一个数组：
var selected = ["A1", "A3"];
浏览 9提问于2017-01-21得票数 1
回答已采纳
我有多个带有标签的复选框，我想得到未选中的复选框的标签，并在表单提交时将这些标签值发送到php文件。我正在做这件事，但没有起作用 $('.checkbox_0').click(function() {
$("input:checkbox:not(:checked)").each(function() {
$(this).next('label').text()
});
}); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jqu
浏览 35提问于2021-11-18得票数 1
回答已采纳
2回答
如果有jQuery代码
var info = $("#info");
for (var i = 0; i < 3; i++) {
$("p").eq(i).on("click", function(event) {
var reply = [
" message=message for first p",
"index = " + $(this).index(),
];
info.append(reply.join(", ") +
浏览 3提问于2017-02-19得票数 0
回答已采纳
有没有一种方法可以在jQuery的帮助下获取表单中特定类型的所有输入字段。
jQuery("#signup-form").find('input').each(function(index, element) {
});
我知道我可以通过以下方式获得文本框：
jQuery("#signup-form").find('input[type="text"]');
如何获取所有表单的文本、密码、文件、文本区域和选择框的输入字段？用选择器还是正则表达式？
浏览 4提问于2014-10-29得票数 0
回答已采纳
谁能给我一个例子或参考资料，将mysql数据库查询结果转换为json对象，并将其发送到javascript文件，然后解析json并使用jquery将结果显示在javascript文件中？
谢谢。
浏览 2提问于2010-10-21得票数 0
我有一个包含jquery对象的数组，这些对象稍后在代码的各个部分中被引用。我将它们放入数组中，以便只选择一次，而不是每次需要访问它们时都执行jquery。
我的问题是，如何将jquery事件绑定到这些jquery对象的数组？
我过去常常对元素的I进行jquery选择，然后绑定事件：
$('#name, #domain, #description').bind("blur change",
function () {
callEventHandler(this);
});
现在我有了这个jQuery对象数组。如何将它们绑定到jquery事件？
var
浏览 2提问于2015-09-28得票数 5
回答已采纳
1回答
我有一个自动生成的标题，来自系统。下面是HTML的样子：
$("#foo2").contents().filter(function(){
return this.nodeType == 3;
})[0].nodeValue = "" ;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Auto-generated text
<
浏览 0提问于2018-03-02得票数 0
回答已采纳
2回答
我使用jQuery和Ajax将一组div加载到可滚动的div(“letterHolder”)中：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="
浏览 3提问于2017-04-07得票数 1
回答已采纳
2回答
我想问一问，这能订购附加的类吗？例如，在我的中，当我附加类时，我想使用移动外观Lorem ipsum dolor sit amet。
这是我的JQuery
$(".cont-1, .cont-2, .cont-3, .cont-4").clone().prependTo(".mobile-content");
在.content中没有改变类顺序的方法
浏览 1提问于2016-11-09得票数 1
回答已采纳
我有三个标题，当点击他们有自己的描述。我只希望显示与标题匹配的描述。
$('.descriptions p').hide();
$('.titles h3').click(function() {
var a = $(this).index();
('.descriptions p').index(a).fadeIn();
})
.titles h3 {
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1
浏览 3提问于2015-07-02得票数 0
回答已采纳
我有一个HTML列表项，我想使用javascript/jquery显示到我的网页上。我遍历了一个数组，我想使用javascript在HTML列表中显示数组的元素，但我不能直接让它工作。任何人都知道我的代码出了什么问题...
for (m = 0; m < myArray.length; m++){
$("ul").append("<li>"+myArray[m]+"</li>");
}
浏览 0提问于2017-06-09得票数 0
1回答
我环顾四周，对我的基本问题得不到一个直截了当的回答。
我们有一个站点，将一堆基本的css类应用到元素中，使用document.ready()中的jQuery。一开始这个很好。
但是现在我们也已经开始使用 2.0和，并有一些f:ajax标记，这些标记可以根据事件重新划分页面的各个部分。可以想象，没有这些样式的重命名部件会显示，因为在ajax调用期间不会再次调用jQuery函数。
我已经玩过了，并发现您可以将onevent添加到f:ajax中，并强制再次调用主jQuery函数。但是这并不是很优雅，我需要将它添加到所有的f:ajax标记中。另外，我正在经历一些无法解释的行为。
所以我的问题是：
浏览 1提问于2015-08-11得票数 2
回答已采纳
我正在尝试预加载一个html文件，它的内容将随后在整个网站上的几个可扩展按钮上使用。 问题是，只有页面的第一个按钮的内容以这种方式加载，其余的按钮在展开时不显示任何内容。 我确实注意到，这里还有关于类似问题的其他问题，但我遇到的解决方案似乎都不适用于这种情况。因此，我们将非常感谢您的帮助。 脚本的相关部分： $(document).ready(function () {
var thisLink = $("a.ajax-link");
var targetUrl = thisLink.attr("data-href");
v
浏览 13提问于2020-10-30得票数 2
回答已采纳
最近，我开始喜欢使用这种JQuery选择器模式，我想您可以将其描述为.find() API的一种语法快捷方式：
$('.some-element', '.within-context')
在所以上有关于它的讨论
无论如何，我发现我想将这个选择器作为一个变量存储在脚本中的多个位置。
显然，我不能这样做：var selector = '.some-element', '.within-context'，因为这只会给我留下一个保存'.within-context'的变量
'.some-element, .with
浏览 0提问于2018-05-07得票数 2
回答已采纳
1回答
显然，这是一个通用的例子，我将不得不适应通用的情况。
我希望删除一个没有ID或类的DOM元素。我可以使用许多方法，但是我想知道我是否可以在不添加类的情况下完成它(例如)，JQuery是否可以进行这种匹配。
做错了什么，还是不可能？
谢谢
对于这个问题的第一次发布，我很抱歉，我正在覆盖div结果。
$newTest的结果是它没有删除$last，这是最后一段。
$(document).ready(function() {
var $last = $('#test').children().last(); // Get a generic element
var $n
浏览 3提问于2017-10-09得票数 1
回答已采纳
1回答
我将jQuery元素存储在数组中，并且需要检索它们。
我现在做的就像
var arr = [];
arr.push( $(someElement) );
然后，我尝试通过以下操作来检索它：
arr.indexOf($(someElement));
但并不是所有的jQuery元素看起来都是相同的e.fn.e.init[1]
我宁愿不给它们命名(键)，因为我有很多元素，如果我能以类似的方式引用它们，这对我来说会更好。
你会怎么做？
浏览 5提问于2015-11-10得票数 1
回答已采纳
我有一个基本的离线HTML/CSS/JQuery可拖/可放的函数。请参阅附件图像：现在我想为用户创建一个保存新的放置按钮，以便新的图像放置保存到html/CSS中...并由网页的下一步开始显示最后的图像放置。
我是一个新手，我对如何管理的方向/关键字很感兴趣。
万分感谢你的回答
浏览 0提问于2016-03-26得票数 0
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
$("#results").load( "jquery-routing.php", { pageNo: $(this).text(), sortBy: $("#sortBy").val()} );
return false;
});
});
</script>
浏览 0提问于2010-04-16得票数 1
回答已采纳
4回答
我的锚标记位于表行中，其形式如下: url末尾的数字可以是任意数字1,9,100,1049，……等。
当单击锚时，如何获得url末尾的数字？我甚至不能让下面的人工作。
$('table').on('click', 'a', function (event) {
alert($(this).attr('href').val());
});
$('table').on('click', 'a', function (event) {
alert($(this).attr(&#
浏览 3提问于2017-02-03得票数 3
回答已采纳
所以我是第一次同时使用jquery和asp.net webforms。我的想法是，我将有一个中继器，在一个网页上，填充来自数据库的数据。现在我希望这个中继器有一个编辑按钮，它将打开一个带有文本框的jquery ui对话框，来自中继器的数据应该填充到jquery ui对话框控件中。如何从两端来回发送数据。任何示例代码都将非常感谢。
谢谢你
浏览 1提问于2014-10-18得票数 0
我想使用下面所示的jquery获取我的自定义属性数据的值-在我的ul标记中的最大计数。
alert($(".no-styles que-list que-checkbox").data("max-count"));
alert($(".no-styles que-list que-checkbox").attr("data-max-count"))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&
浏览 4提问于2017-08-14得票数 1
回答已采纳
我正在尝试调整底部的注释掉的代码，它适用于单个按钮，以适用于多个按钮。 所以我把“菜单切换”从id改成了class。在html中，我给按钮添加了class=‘菜单切换’。 我正在使用jquery选择器获取元素数组。然后在它们上循环，并分配onclick事件。 // Toggles the sidebar
const buttons = $('.menu-toggle');
buttons.forEach(
function (element){
element.onclick(
function (event) {
浏览 35提问于2021-08-05得票数 0
回答已采纳
我想知道是否可以在var中动态地创建JavaScript s并将它们返回到全局变量中。示例：
<div id="parent">
<span class="span_1">content</span>
<span class="span_2">another</span>
<span class="span_3">yup content</span>
</div>
和下列职能：
function getContent() {
浏览 7提问于2015-01-02得票数 1
回答已采纳
1回答
我正在尝试通过jquery解决滑动问题(3*3网格)。
在我的HTML文件中，我有8个li(9个空的)。
<ul class="Puzzle">
<li class="Box Box1">1</li>
<li class="Box Box2">2</li>
<li class="Box Box3">3</li>
<li class="Box Box4"&g
浏览 9提问于2015-03-12得票数 0
2回答
我正在使用jQuery选项卡(来自本例：)，并对其进行了设置，以便创建的每个选项卡都检索相同的数据，以允许用户输入相同类型的多个记录(即，允许用户输入多个课程)。一旦他们在这些不同的选项卡上输入了他们的课程，我如何能够单击保存并将数据发送到另一个页面以将其添加到数据库中。
选项卡的内容有jQuery/JS，当我开始添加超过1个选项卡时，功能就会中断--我想这是因为变量名相同吗？避免这种情况的最好方法是什么？通过将.click(function() { jQuery中的事件更改为单击(‘.live’，function() {？
然后，当涉及到将表单数据发送到另一个页面以将其添加到数据库时，您将如
浏览 1提问于2012-02-21得票数 0
3回答
我对Ajax和JQuery非常陌生。当我在输入框中输入文本时，我试图更改span的值，但是没有什么工作(即span中的值没有改变)。在对StackOverflow进行了一些研究之后，我发现我应该使用text()或html() of JQuery来更改值，但它仍然没有改变。我不知道我哪里出了问题。下面是我的代码：
输入框的Html：
<input class="amnt" id ="Red:XL:50:24.55" type="text">
<span id="50-Red-24.55">0(This tex
浏览 7提问于2015-12-25得票数 1
回答已采纳
因此，我已经在jquery中为这个需求编写了一个工作代码，它显示了指定数量的卡片/div。由于某些原因，我被要求使用纯javascript，而我无法在核心javascript中实现它。
这里是我完全工作的jquery代码：
size_timelinediv = $("#timeline t").length;
console.log(size_timelinediv)//prints 5
var x = 3; //number of cards to be displayed
$("#timeline t:lt("+x+")").show()
浏览 1提问于2019-12-05得票数 2
回答已采纳
我有一个由jQuery .load()函数加载的内容：
<input type="text" name="street2" id="street2" value="" class="text" />
我有一个简单的jQuery处理程序，可以在焦点上将值添加到输入标记中：
jQuery( function( $ ) {
$( "#street2" ).focus(function(){
$( "#street2" ).val($( "#add
浏览 2提问于2013-08-23得票数 1
回答已采纳
如果标题不能很好地解释问题，很抱歉。
在这种情况下，我使用DHTMLX组件将XSLT显示给HTML。所以我的想法是：
有一个包含有DIV的HTML页面，其中将显示xslt。，当然是非常简单的xslt文件。只需将几个XML元素显示到<p>标记中。动态生成.
现在一切都很好，它在大多数后期浏览器上完美地呈现输出，而呈现等不是问题.
我现在想做的是使用JQuery来做一些简单的事情，比如显示/隐藏
标签等等..。当然，它有一个独特的身份。
我这样做的方法是在包含JQuery的页面中添加Javascript/JQuery，并在HTML页面的头部分添加一些Javascript/JQuery-
浏览 3提问于2009-11-14得票数 0
2回答
我不知道父选择器在jQuery中到底是如何工作的。
var test = $( "p:contains('Lorem ipsum dolor sit amet')" ).parentsUntil("span");
test.css({ "border" : "1px solid red"});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"><
浏览 0提问于2016-07-05得票数 1
2回答
使用jQuery when()，我尝试在一个表单提交上运行多个Ajax函数，等待它们得到它们的响应，当它们完成时，最后提交表单。我的代码是：
$('form[name="regForm"]').on('submit', function( e ) {
e.preventDefault();
$.when( function () {
ajaxOne();
ajaxTwo();
ajaxThree();
}
).done(function() {
$(
浏览 2提问于2017-04-10得票数 0
回答已采纳
3回答
我正在尝试使用jQuery更改下拉值中的label的值，但它不起作用。请帮我解决这个问题。
<select id="myselect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
&
浏览 1提问于2016-01-21得票数 1
我正在使用CSM平台和插件来生成导航。这个插件有点笨重，在控制上受到限制，所以我尝试使用jQuery来影响一些基本的风格变化。
这个问题似乎很简单，足以解决。我想删除一个不想要的HREF=，它围绕在特定列表项中的文本，但是我的逻辑不起作用。
我在用：
$( "li.dropdown-header" ).parent().removeAttr( "href");
尝试从下面移除锚链接属性。
<ul>
<li><a href="">Item 1</a></li>
<li class=&
浏览 0提问于2014-11-25得票数 0
回答已采纳
我正在异步地用jQuery加载一些HTML：
$.get(path, {}, function (data) {
var result = $(data);
var resultSelector = result.find(selector);
});
result是一个有效的HTML，它包含我的选择器(在我的具体例子中是"#UsersAndRolesResults")。
我可以看到，当我在控制台中输入result时，它就包含在其中，它的ID完全相同，没有排字或其他任何东西。
但是，result.find(selector)返回0元素。
在我的具体示例中，这是r
浏览 2提问于2016-06-26得票数 6
回答已采纳
1回答
提交表单后显示成功消息
、、、、
我正在尝试理解jquery，特别是使用ajax在mysql表中插入和显示数据。
我一直在试验这段代码，它插入和显示来自mysql数据库的记录。我现在正在尝试让它在div中显示id为"info“的成功消息，同时还显示所有记录。我似乎只做了一个，但从来不会两个都做。非常感谢。
form.php
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="https:
浏览 1提问于2015-12-14得票数 0
1回答
我想从XML文件中获取国家源和目的地，它在本地主机上工作得很好，但在服务器上不工作，如果我在地图上快速移动光标，在服务器上显示不同的目的地。
在jquerymap.php中，我在mouseover和mouseclick事件上调用price_by_countries.php文件，并且在price_by_countries.php中传递两个变量，在这个文件中，我正在加载XML文档，我认为每次加载XMLfile都可能导致这个问题。我对编程很陌生，想尽快解决这个问题。谢谢
jquerymap.php文件代码
jQuery.ajax({ type: "POST",
浏览 4提问于2013-02-10得票数 0
回答已采纳
9回答
不能改变按钮的颜色
、、、
试着做一些看似行不通的超基本的事情：
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
</head>
<body>
<button style="ma
浏览 7提问于2017-06-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
