在jQuery中选择多个类并在此实例上查找元素宽度
在jQuery中，可以使用多个类选择器来选择具有多个类的元素，并且可以在选定的元素上使用其他方法来查找元素的宽度。
要选择多个类，可以使用类选择器（.class）并将它们连接在一起，如下所示：
$('.class1.class2')上述代码将选择同时具有class1和class2的元素。
要查找选定元素的宽度，可以使用width()方法。该方法返回选定元素的当前计算宽度（包括内边距和边框，但不包括外边距）。
下面是一个完整的示例：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
var width = $('.class1.class2').width();
console.log('元素宽度：' + width);
});
</script>
</head>
<body>
<div class="class1 class2">示例元素</div>
</body>
</html>在上述示例中，我们使用了类选择器.class1.class2来选择具有class1和class2的元素，并使用width()方法获取元素的宽度。最后，我们将宽度打印到控制台上。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
.width(); // do stuff here...}
我想选择两个类，然后将当前实例的元素宽度检索到两个不同的变量，有成千上万个元素带有class1和class2。Class 2不是Class 1的子类，选择似乎是有效的，但var在执行后是未定义的，为什么它不工作？
浏览 6提问于2018-02-12得票数 0
1回答
-- Load jQuery from Google's CDN --> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
浏览 4提问于2014-08-22得票数 0
回答已采纳
1回答
我正在寻找一种方法来增加容器的宽度，以使文本适合，而不是用...截断它我似乎无法使容器css属性工作，例如containerCss。
浏览 2提问于2017-06-02得票数 0
回答已采纳
目前，我有一个项目，我在ASP.NET中有一个表单，需要一个查找服务。例如，下面的输入需要一个客户ID，但可能用户只知道客户的名称。<input name="CustomerId" type="text" id="CustomerId" />
我想使用jQuery UI的模式对话框在此输入的右侧追加一个图像，它将触发包含按名称查找客户所需代码的这与Datepicker的图标触发器的功能极其相似，可在此处找到
浏览 0提问于2010-11-18得票数 2
1回答
我有绑定到jquery datetime选择器控件的input元素。元素在html中呈现，如下所示
<input id="DateFrom" class="form-control text-right" type="text" value="" name="DateFrom，我的输入元素缩小了宽度，datetime图标下移了29px。在d
浏览 0提问于2016-03-25得票数 0
3回答
或者只是'this'，我无论如何也不能让jquery选择被点击的元素的同级元素。class='showButton'> <code class='hideShow'>
下面是我使用的相关jquery，但它会选择并打开页面上该类的每个实例</
浏览 26提问于2019-11-13得票数 1
回答已采纳
2回答
有时我们定义了一些具有多个类的元素，如：现在，我想使用jQuery选择器访问这个div，所以我尝试：$("." + cls); // Returns []
这是有意义的，因为它实际上是在尝
浏览 1提问于2012-10-03得票数 3
回答已采纳
我可以编写什么PHP或jQuery来自动查找短语的第一个实例(例如"Daily Digest")中的元素(通常是<p>标记)，并使用我选择的类在文本周围自动添加跨度？换句话说，我希望页面上任何元素中的短语"Daily Digest“的第一个实例都以红色突出显示，而无需用户自己在文本周围添加跨度(因为使用该站点的人都是代码文
浏览 2提问于2013-07-27得票数 0
4回答
代码定义的sprite：background-color: green;height: 10px;}$('#attack').css('left', X);我的问题是，如何在同一屏幕上多次显示它？
浏览 7提问于2016-06-16得票数 0
我的输入元素后面跟着一个div。我希望将该div的宽度设置为前面的输入元素的宽度。text" class="input" size="80" name="moredata"/>在每个实例中，类.inputHe
浏览 2提问于2009-10-03得票数 0
回答已采纳
如果有一个组件myPlugin (例如，在特定DOM元素上悬停时显示工具提示的组件jQuery插件)，它将启动如下所示：此代码将选择具有类tooltipClass的所有元素，并将myPlugin应用于它们。我们有 el: '#app',})
浏览 4提问于2021-11-25得票数 0
我已经创建了一个可实例化的portlet，我的问题是当我在同一个页面中部署了两个或多个这个portlet的实例时，我的jQuery函数不能正常工作，因为我的选择器只按ID或文档中的类选择第一个元素。为了区分实例I，我考虑在I中包括这些实例。我的问题是我无法选择元素，控制台抛出以下错误：
未识别错误:语法错误，
浏览 3提问于2016-05-20得票数 0
嘿，伙计们，我在浏览modal.js插件时，遇到了下面这行代码的问题：offsetWidth和clientWidth从何而来，它们似乎没有在插件中的任何地方声明，而且我查看了MDN文档，它们似乎不是任何方法或函数的名称，那么offsetWidth另外，为什么添加到body元素和从body标记中删除元素的语法不同？
this.$bo
浏览 0提问于2015-02-25得票数 0
在对其他元素再次应用类之前，只想删除突出显示的类。重置所选项目。多么?
removeClass在以下代码中不起作用。
浏览 1提问于2012-03-14得票数 0
回答已采纳
在克隆过程中，它正在克隆文本box...but，无法在克隆的文本框中获得该自动完成功能。克隆功能在第一个文本框上工作，但是克隆后自动完整的地址功能不起作用，请帮助离开这个.
下面是我的代码。
浏览 1提问于2016-10-20得票数 0
但是有些输入字段位于隐藏的div中，我不想更新这些字段的值，但是它们是通过我的代码更新的。class="split"><input name="split_values[]" class="split"></form>$('.split').val(spl
浏览 5提问于2017-06-15得票数 1
回答已采纳
我在同一文档中有两个相同的事件，但只有一个有效，另一个处于非活动状态。这段代码显示了相同的ID，这是一个愚蠢的疏忽，我使用了不同的ID，但没有用。
如何使用$(this)来影响这两个事件？
浏览 0提问于2013-04-13得票数 1
回答已采纳
class="ui-input-clear ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all" href="#"></a>
因此，我编写了一个jquery
浏览 2提问于2016-04-26得票数 0
回答已采纳
我已经派生了filamentgroup daterangepicker*，它似乎不再被维护，以便包含一些发布的修复，并解决它在一个页面上只支持一个datarangepicker的问题。我已经阅读了关于如何设置jquery插件和设置jquery小部件的文档。但是小部件的问题是，如果您将多个元素传递给小部件，它将为每个元素创建一个单独的小部件。daterange选择器的一个功能是传递2个输入字段，作为单个daterange的开始和结束。因此，单独处理的多个
浏览 2提问于2012-07-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
