如何通过一个类名对多个值使用jQuery选择器
通过一个类名对多个值使用jQuery选择器，可以使用类选择器（class selector）来实现。类选择器以"."开头，后面跟着类名。
例如，如果要选择所有具有相同类名的元素，可以使用以下代码：
$(".className")这将选择文档中所有具有指定类名的元素，并返回一个包含这些元素的jQuery对象。
类选择器还可以与其他选择器组合使用，以进一步筛选元素。例如，如果要选择具有特定类名且属于特定父元素的元素，可以使用以下代码：
$("parentElement .className")这将选择父元素下所有具有指定类名的子元素，并返回一个包含这些元素的jQuery对象。
类选择器的优势在于可以轻松地选择和操作具有相同类名的多个元素，从而实现对它们的批量操作。它在前端开发中广泛应用于样式控制、事件绑定、元素操作等方面。
以下是一些腾讯云相关产品和产品介绍链接地址，可以帮助您更好地理解和应用jQuery选择器：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和需求的应用场景。了解更多：腾讯云云服务器
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、文档等多媒体资源的存储和管理。了解更多：腾讯云对象存储
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。了解更多：腾讯云人工智能
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行。
相关·内容
这里是javascript的源代码和页面的源代码。任何帮助都将是非常感谢的，因为我正在失去理智。
“活动”类没有显示在“li”图像上。它只是被删除，但它不会移动到下一个图像。
该网站的链接是。
"use strict";
jQuery(window).load(function () {
//jCarousel Plugin
jQuery('#tzShopDetail_carousel').jcarousel({
vertical: true,
scroll: 1,
auto: 2
浏览 0提问于2019-03-15得票数 0
回答已采纳
3回答
这看起来对JQuery来说应该是微不足道的，但是这个函数隐藏了整个表单...谁能给我指个方向？
$('form')
.children()
.filter(function(){
return $(this).data('show', 'pro')
})
.show();
$('form')
.children()
.filter(function(){
return $(this)
浏览 0提问于2012-01-28得票数 4
回答已采纳
我将JQuery用于我的web应用程序。我不知道如何为这种情况编写选择器。
<a class="abc def xyz-delete-confirm efg">text</a>
<a class="abc def delete-confirm">text</a>
我需要找到所有具有以"-delete-confirm“结尾的类或具有名为"delete-confirm”的类的链接。
我知道如何处理一个名为"delete-confirm“的类的情况。"-delete-confirm情景“
浏览 0提问于2013-07-02得票数 1
回答已采纳
在尝试计算动态添加的元素的ClassNames时，是否应该记住一些事情？
有关以下说明，请参阅链接。单击任何学期的“(+)课程”按钮(动态添加)，课程将被附加到相应的学期，并有自己的按钮。这个很管用。然而，就像我在学期中一样，我有一个限制，每个元素可以有多少(即总共5个学期，每个学期7门课程)，但我似乎无法计算我的课程。
每个学期的课程都有一个独特的ClassName，这是一个学期的Id和单词“课程”的连接，产生类似于"sem#4Course“的东西。这段代码片段是我如何组装和计算每个课程的ClassNames。有什么问题吗？我已经在链接中附加了我剩下的代码。
var parentId
浏览 6提问于2016-06-17得票数 1
回答已采纳
1回答
我希望为所有具有相同样式值的元素设置一个侦听器，以便可以在它们的style attribte、.css文件或<header>样式标记中的任何位置设置它。经过大量搜索，我找到了以下代码：
$("body").on("click", '[style*="cursor:pointer"]', function (e) {
const ripple = new Ripple();
ripple.create(e, this.tagName.toLowerCase() == "a&
浏览 1提问于2021-12-18得票数 0
4回答
好了，我已经在jQuery中动态创建了一个div来显示一些博客文章。
<div class="blog-items">
<div class="blog-item"></div>
</div>
下面的jQuery添加了一类nomargin来删除最后一个块上的边距。如何重置循环，使其在新的行上重新开始。目前，nomargin类被应用于其余的块。
下面是jQuery的摘录
var blogItemLength = $('.blog-item').length;
if(blogItemLengt
浏览 0提问于2013-07-11得票数 0
回答已采纳
jQuery代码如下所示：
var $seatdiv = $('<div id = "seat'+i+'" class="seat-class"></div>')
.css({left: leftValue + 'px', bottom: bottomValue + 'px'});
我试图添加这个"bootstrap“代码，但它不起作用：
$seatdiv.popover({content:row_label+" "row_name+" &#
浏览 0提问于2012-10-04得票数 0
1回答
我只想问一下jquery的主人..。
我有阿贾克斯
$.ajax({
type: "POST",
url: "URL",
data: {
DATA: DATA
},
beforeSend: function(){
//action
},
success: function(result){
$('.className').html(result);
}
});
它已经追加了<input type="hidden"
浏览 1提问于2016-06-21得票数 1
回答已采纳
我在同一个页面上有两个使用相同样式表的元素: Jquery Tabs和Jquery Slider。
我不能重新定义滑块的类别，因为css的更改将影响这两个元素。
使用以下类的选项卡：
ui-tabs ui-widget ui-widget-content ui-corner-all
这些是在Slider中使用的：
ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all
如何在不修改选项卡的情况下修改滑块css？
谢谢
浏览 2提问于2010-06-08得票数 1
回答已采纳
我使用的是jQuery 1.4.4，我在尝试按id动态添加日期选择器时遇到了困难。代码如下：
$(function () {
$('#ListTableBody').find('input[id^="PickDate."]').each(function () {
alert(this.id);
$(this.id).datepicker();
});
});
我使用的是一个动态生成id的表。上面的代码找到了每个id，我使用警报对其进行了验证。当我循环遍历时，this.id显示我获得了正确的id和输
浏览 0提问于2012-04-26得票数 0
回答已采纳
当我直接指定一个类(即'ratingBlock'，'ratingBlock1'，'ratingBlock2‘等)时，此代码片段用于在添加新类之前删除现有类。但是当我在removeClass ('class^="ratingBlock"')中使用通配符选择器时，它不起作用。我做错了什么吗？谢谢。
<style type="text/css">
.ratingBlock {background:gold !important;}
.ratingBlock1, .ratingBlock2, .rati
浏览 1提问于2013-04-16得票数 3
回答已采纳
有没有人知道如何通过jquery获取包含单词'map‘的类名？我使用下面的代码来获取带有map的类名(例如.测试“mapTest”)，但如果类包含2个名称(例如class="abctest map class=“)，则不起作用。有没有人知道我怎么才能修复它？
$(":input[class^=map]").each(function(index, element) {
map_array.push(this.className);
});
浏览 1提问于2011-04-28得票数 1
回答已采纳
jQuery在脚本中的行为非常奇怪。基本上，在使用jquery更新DOM之后，我尝试获取已使用ID插入到DOM中的文件输入的值，但如果尝试直接访问file元素，则会得到一个空字符串。但是，如果我尝试从父div开始访问该文件，我会得到正确的值。不幸的是，我需要直接访问它：
alert($("#input_id").val()); //returns empty string
alert($("#div_id > #input_id").val()); //returns correct value.
浏览 1提问于2012-08-18得票数 0
3回答
我试图教自己JQuery，并遇到了我认为是一个非常基本的水平问题。最后，我想得到的是在单击时更改样式的文本，在两个类之间来回切换。上半部分运行良好--当我第一次单击span时，新类将被分配。但是当我第二次点击的时候什么都不会发生。我认为这是因为JQuery选择器精确地一次将单击处理程序应用于与选择器匹配的元素。如何修改我的代码，以便将分配给特定类的单击处理程序应用于具有该类的所有元素，而不管它们何时获得该类？
<html>
<head>
<title>My JQuery Test</title>
<script src=&
浏览 0提问于2016-05-02得票数 0
回答已采纳
我目前正在课程中构建一个交互式网站，我偶然发现了一个关于使用css元素的使用/类选择的含糊不清之处。
javascript：
var main = function() {
$('.article').click(function() {
$('.article').removeClass('current');
$('.description').hide();
$(this).addClass('current');
$(this).ch
浏览 8提问于2015-02-23得票数 2
回答已采纳
2回答
了解元素类型
、、、
假设我有多个按钮，这些按钮使用一个名为submit的类。我将此引用添加到jQuery。单击该按钮时，应禁用该按钮。
我可以使用的脚本：
A.$('.submit').click(function () { this.disabled = true; });
B.$('#submit').click(function () { this.prop('disabled'), true); });
C.$('#submit').click(function () { $(this).disabled = true; });
D.$(&#
浏览 3提问于2015-05-30得票数 3
如何使用jquery和textareas类"inside“检查一组文本区域是否都是空的？我需要在一个if中检查这个。
<textarea id="1" class="inside"></textarea>
<textarea id="2" class="inside"></textarea>
<textarea id="3" class="inside"></textarea>
<textarea id="
浏览 4提问于2014-01-26得票数 3
回答已采纳
我有一个开箱即用的标准视图和一个部分菜单。当我单击Anchor元素进行登录时(其目的是在jquery modal中显示Login，在dialog..in元素之外的div中显示)，jquery函数甚至不会触发。谢谢。
<div class="table-responsive" style="z-index:999">
<nav class="navbar-inverse2" style="text-align:start">
<a href="javascript:void(0)
浏览 0提问于2018-06-15得票数 0
是否有可能(没有jquery)使用纯javascript对nth-child()和nth-last-of-type()进行上诉？我希望在很大程度上避免使用jquery。
浏览 0提问于2013-09-03得票数 4
对于不同的元素，我有相同的ids。就像下面
$("name").val();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="name">test 0</div>
<div id="name">test 1</div>
<div id="name">test 2<
浏览 0提问于2018-05-23得票数 0
4回答
例如，我有一个包含“测试”类的主体，我想将这个类添加到另一个div中，我该如何使用jQuery来完成此任务？
谢谢
编辑:像这样吗？
$("body.test").clone().attr("class").prependTo("div");
浏览 0提问于2009-07-20得票数 15
回答已采纳
1回答
我正在使用windows服务和html+j查询页面来使用web服务。
当在我们的设备中扫描文档时，我想加载:姓名、国家和护照号码到我们的网页。
我已经在我的网页中附加了这些详细信息，但我想将这些详细信息加载到文本框中。
<th>Passport No: <input type="text" id="initialize" value="d.get.DocumentNumber"/>
<th>Disable:<input type="text" id="disable
浏览 1提问于2018-04-07得票数 0
我试图找出为什么我不能删除我的div和它的内容，尽管我的jQuery中的div目标正确。因此，我想知道.remove()是否是删除所选内容的适当方法，还是有更好的方法可以使用。
var startDateField = '<div class="form-inline data-date-wrapper"><label for="data-start-range">Data Date Start:</label><input type="date" name="dataDateStar
浏览 6提问于2016-04-10得票数 0
回答已采纳
我有一个有很多表单的页面，用户将在该页面上选择一些内容。当用户这样做时，我需要把这个元素放在其他地方，就像购物车一样。但是，除了页面上的第一个表单之外，我似乎无法获得更多的信息，才能真正按预期工作。我尝试过多种方法：
给所有表单相同的ID，这只会导致第一个表单按照我的意愿运行，给出该表单的数据。
再次给他们所有相同的ID，这次在ID中附加一个唯一的标识符，但是当然，我的jQuery $('#something')没有捕获它，因为它不匹配。
所以我在想我该怎么做。我只需要收到页面上提交的表格中的数据。正如前面提到的，我可以给他们所有的前缀，就像我现在的样子，但是我
浏览 0提问于2013-02-19得票数 25
回答已采纳
在查看jQuery示例时，我看到CSS类引用了一个前缀“。有时和其他时候没有。例如，在codecademy的这段代码中：
else if(event.which === 110) {
var currentArticle = $('.current');
var nextArticle = currentArticle.next();
currentArticle.removeClass('current');
为什么第2行需要选择器$('.current')，而第4行只需要('current')？
浏览 3提问于2015-04-23得票数 2
回答已采纳
我在python工作，在Scrapy库的帮助下制作爬虫。当我使用选择器response.xpath和response.css获取数据时，结果就不同了。就像我使用xpath时一样，它没有显示结果，如果我用css替换xpath，那么它将显示结果。请帮助我理解这个概念。
xpath查询
img = response.xpath('//div[@class="product-images"]//img/@src').extract()
css查询
img = response.css('div.product-images img::attr(src)
浏览 1提问于2017-08-01得票数 1
我一直在开发一个应用程序，前端主要是使用jQuery。
我们依赖于页面上的某些类元素，这样我们就可以将行为附加到它们上。例如：
$('.block').on('click', clickHandler);
另一位开发人员说，我们应该将表示与逻辑分离(我同意)。由于类用于表示，他建议使用数据属性：
$('[data-attribute-name~=value]').on('click', clickHandler);
然而，我知道以下关于这种方法的情况：
它的性能明显低于基于类的选择器。
HTML类用于向DOM元素传递语义意
浏览 1提问于2013-03-19得票数 16
回答已采纳
4回答
我试图做的是通过查看jQuery对象(甚至是DOM元素)是否包含使用与Sizzle引擎相同的选择器的特定类。
jQuery公开使用以下内容公开Sizzle：
jQuery.find = Sizzle;
jQuery.expr = Sizzle.selectors;
jQuery.expr[":"] = jQuery.expr.filters;
jQuery.unique = Sizzle.uniqueSort;
我可以成功地使用find方法来确定一个特定的DOM元素是否有一个与我的选择器相匹配的类，但是我似乎找不到一种方法来访问匹配的选择器的名称。
示例(不按预期工作)
$.f
浏览 5提问于2010-01-14得票数 1
回答已采纳
我正在尝试获取输入文本字段的值。
HTML是：
<div id="start">
<p>
<input type="text" class="myClass" value="my value" name="mytext"/>
</p>
</div>
jquery是：
var myVar = $("#start").find('myClass').val();
问题是myVar是未定义的。有人知
浏览 0提问于2011-03-13得票数 49
回答已采纳
我有这段代码来计算元素的顶部，并与scrollTop进行比较并执行任何操作。
问题是，它没有进入condicional "if“。
知道吗？
jQuery( document ).ready(function() {
var h = parseInt(jQuery(".noticiasFoldsHome").height()) / 2 ;
var x = parseInt(jQuery(".noticiasFoldsHome").offset().top) - parseInt(h);
jQuery(window).scroll(
浏览 2提问于2016-01-06得票数 2
回答已采纳
我正在制作一个插件，需要允许最终用户能够控制从插件内部调用的点击事件。
我该如何去实现它呢？到目前为止，我已经做到了这一点：
(function($) {
$.fn.multiForm = function(options) {
var settings = $.extend({
titles : [],
nextButton: 'nl-next',
prevButton: 'nl-prev',
onNext: function(){}
浏览 6提问于2016-09-02得票数 0
回答已采纳
2回答
我有下面的代码。
<html>
<head>
<title>Insert and Show Records using jQuery Ajax and PHP</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
//insert record
$('#tagid').click(
浏览 5提问于2014-01-15得票数 1
回答已采纳
5回答
我正在遍历一个表单并显示与我选择的id相匹配的内容，问题是一些div包含多个id，在这种情况下它会停止工作。有什么想法吗？谢谢。
Jquery代码：
$('#myForm').find('div').each(function() {
var myId = $(this).attr('id');
/* This will work */
if (myId == "Select1"){
$(this).removeClass("hideMe&#
浏览 3提问于2011-06-16得票数 4
回答已采纳
3回答
我在同一页中过滤更多的标识id时遇到了问题。
document.getElementById(val1).innerHTML=xmlhttp.responseText;
我在一个页面上有三个相同的<div id="name"></div>。并且只有第一个div显示内容。我尝试使用jQuery和filter...但是我没有进展。
浏览 0提问于2013-06-04得票数 0
回答已采纳
4回答
我有以下语法，我想要从链接标记中删除所有css类。我如何使用jquery来做这件事？
<div id="nav">
<ul>
<li><a href="" class="foo">aa</a></li>
<li><a href="" class="bar">aa</a></li>
<li><a href="" class="yay">aa&l
浏览 2提问于2012-03-14得票数 2
回答已采纳
下面是最初使用的div标记im：
<div class="stadvancedmenu_sub advanced_style_wide col-md-0" style="display: none; overflow: visible;">
我的问题是，当我尝试使用jquery代码替换类名时，它不起作用。可能是名字本身但我不知道。这就是我所用的：
$('.stadvancedmenu_sub.advanced_style_wide.col-md-0').addClass('ddMenu').removeClass(&#
浏览 0提问于2018-07-25得票数 0
回答已采纳
1回答
早上好，我不知道如何将数据从html jquery发送到php并检索它。我试图使用，但对于choix:tab，我没有得到任何结果。我想将数据发送到php或mysql，但我不知道如何通过jquery的post方法将表放到mysql中。
var nom = $("#nom").val();
var prenom = $("#nom").val();
var tab = [];
$(".choosed").each((index,elem)=> {
tab.push($(elem).attr("alt"));
})
浏览 7提问于2021-12-06得票数 0
2回答
我使用的是kendo UI datepicker，我试图用一个具有相同ID的函数将多个datepicker放在同一个页面中，我不想被更改，第一个输入已经存在于我的页面中，但其他输入是动态添加的，有什么建议如何解决这个问题吗？
$("#datepicker").kendoDatePicker();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="datepicker"&
浏览 4提问于2018-10-11得票数 0
因此，我使用下面的jQuery来获取包含类框的HTML中所有项的计数。但是它没有正确地返回，我觉得我错过了一些愚蠢的东西。
var counter = $("*[class^=box]").length;
例如，JSFiddle：这个链接应该返回1，但它返回0。
编辑：
这是一个愚蠢的错误:我以前使用的ID只会是box1、box2、box3等等，所以这是有意义的。我就知道这很蠢。
var counter = $("*[class=box]").length;
浏览 0提问于2014-05-13得票数 0
回答已采纳
2回答
大家好，我想从JQuery获取更改后文本值，但我不能使用JQUERY选择编辑文本，因为编辑文本是从php while循环中生成的，这个php代码查询数据库并获取编辑文本的值，在我的程序中，我为每个编辑文本设置了编辑按钮，当用户更改编辑文本的值时，我选择新值，当用户单击编辑按钮时，将这个值从get方法发送到另一个带有jquery $.ajax函数的php页面，并使用ajax.But将新值发送到php代码。我不知道如何选择值已更改的编辑文本，因为我没有不知道编辑文本id！.And当我为每个编辑文本设置一个id时，我只能使用下面的代码从$("#id").change().val();
浏览 0提问于2012-02-05得票数 0
回答已采纳
我得到了以下错误：
“不允许使用复合类名”
在尝试访问web元素时，元素的类名之间有空格。web元素的页源如下所示。
driver.findElement(By.className("alert alert-success"));
<div class="alert alert-success" alert-dismissable"="" id="58417" style="display: none;">
<button type="button" cl
浏览 17提问于2015-08-17得票数 35
回答已采纳
jQuery --怎么说:有没有display==block属性叫做x的div？
如何在Jquery中用特定属性标记特定div？
谢谢..。
所谓“被称为x”，我指的是具有类名x的div。
浏览 1提问于2011-10-07得票数 0
回答已采纳
使用MVC3，Razor，Jquery，Javascript。下面的代码遍历并显示一个包含字段和链接的表结构。每行上的链接将触发一个Jquery Modal对话框，该对话框将部分视图页面显示为弹出窗口。但是弹出对话框只适用于第一行...从第二行向下的链接将页面作为完整的网页打开，而不是弹出模式对话框。如何修复this..thanks以获得任何帮助。
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
浏览 0提问于2011-06-14得票数 4
回答已采纳
4回答
要更改对话框中的文本，我使用<span id='someID'></span>，然后使用jQuery，如下所示：$("#someID").text("The new Text");
我面临的问题是如何改变对话框的颜色？
在我的对话框中，我有以下内容(设置对话框颜色)：
className: "modal-danger nonumpad",
在发生操作时，我希望将类名更改为modal-success nonumpad。
这是我的代码：
callDialog = bootbox.dialog({
cla
浏览 0提问于2018-03-21得票数 1
这个jQuery选择器实际上是如何工作的？
$("input[with="+id+"]")
在此函数中使用：
function enableFields(id) {
$("input[with="+id+"]").each(function() {
$(this).attr('disabled', false);
});
}
“选择所有具有with属性的input元素。在当前的input元素上，将with属性值设置为当前元素的id属性的值，这样说对吗？”
实际上，如果输入元素看
浏览 2提问于2019-11-02得票数 0
CSS“包含”选择器是
td[class*="foo"]
我可以选择多个类
td[class*="foo bar"]
然而，对于<td class="foo baz bar" />来说，这将失败
如何进行CSS“包含”通配符的选择？
顺便说一句:我不能使用td.foo.bar
浏览 4提问于2014-03-13得票数 5
回答已采纳
我如何给我所有的按钮相同的宽度？这些按钮有一个VBox作为容器。首先，我尝试了使用max值的setMaxWidth，它运行得很好：
this.button1.setMaxWidth(Double.MAX_VALUE);
this.button2.setMaxWidth(Double.MAX_VALUE);
this.button3.setMaxWidth(Double.MAX_VALUE);
this.button4.setMaxWidth(Double.MAX_VALUE);
理想情况下，我希望在我的css文件中设置这一点，以保持代码在任何设计方面的整洁。我发现这里有很多令人敬畏的重复，所以
浏览 3提问于2016-05-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
