jQuery添加删除选定的类
jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和Ajax交互等操作。通过使用jQuery，开发人员可以更轻松地操作DOM元素、处理事件、实现动态效果等。
在jQuery中，可以使用addClass()和removeClass()方法来添加和删除选定的类。
- 添加选定的类：
- 概念：addClass()方法用于向选定的元素添加一个或多个类。
- 优势：通过添加类，可以改变元素的样式或实现特定的功能。
- 应用场景：添加类常用于动态改变元素的样式、实现交互效果等。
- 示例代码：
- 示例代码：
- 删除选定的类：
- 概念：removeClass()方法用于从选定的元素中删除一个或多个类。
- 优势：通过删除类，可以恢复元素的默认样式或取消特定的功能。
- 应用场景：删除类常用于重置元素样式、取消交互效果等。
- 示例代码：
- 示例代码：
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
相关·内容
4回答
我想使用jquery克隆将选定div的内容复制到另一个div。但是我不想把它附加到任何地方
我的意思是，当我们用jquery克隆div时(如果我错了，请纠正我)，我们必须设置它的位置，它将动态地创建一个新的分区并显示出来。
但我想获取选定div的内容并将其复制到另一个预先设置的div
浏览 0提问于2010-10-23得票数 32
回答已采纳
1回答
我正在尝试获取jQuery数据报警器日期范围字段，以突出显示选定的日期、内联日历。到目前为止，我已经获得了内联日历，以获得选定的日期来填充两个不同的字段，date1和date2。我只需要选定的日期范围来突出显示日历中选定的日期。
我在这里制造了一个小提琴( )
我已经尝试过jQuery的替代字段方法，但没有成功，任何帮助都将不胜感激！
这是一张我想要完成的事情的图片。
浏览 1提问于2017-01-26得票数 0
回答已采纳
2回答
使用jquery可选择的方法，如何在selected/selecting事件上添加自定义类并在unselected/unselecting上删除
我知道我们可以使用CSS:.ui-selected{}进行样式选择，但是如果我想添加像ui-state-focus这样的自定义类，这一点也没有帮助。
试试看，你可以用我的Fiddle.。在本例中，我希望在选定/未选定的情况下添加/删除ui-state-focus类。
浏览 2提问于2013-10-30得票数 3
回答已采纳
2回答
我正在制作一个简单的FileManager，但我不知道我的代码有什么问题，我多次使用了jQuery的remove()和/或detach()函数，但这一次没有从网格的其余部分删除选定的节点。
守则如下：
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
$(".excluir").click(function(){
$(this).remove();
浏览 6提问于2014-02-07得票数 3
回答已采纳
1回答
我使用的是简单的jquery选择器，但不幸的是没有得到所需的结果。我的代码是：
$(document).ready(function() {
var displayName = $('.divclass').find('ul').find('li:first').text();
if ($('.divclass').find('ul').find('li:selected').length) {
displayName = $('.divclass').find(
浏览 3提问于2016-11-28得票数 1
回答已采纳
1回答
我使用jquery来显示文本区旁边的行。从这个链接：
是否有任何方法可以更改选定的行，因此每次用户转到下一行时，选定的行将更改为当前行。
$(function()
{
// Target all classed with ".lined"
$(".lined").linedtextarea(
{
//change it from 1 to the current line that the user on.
selectedLine: 1
});
// Target a single o
浏览 0提问于2013-04-08得票数 0
1回答
好的，我在这里使用了这段代码来以制表符切换的方式显示和隐藏一个div：
jQuery('a[id^="link"]').click(function(){
var vid_id = jQuery(this).attr("id").replace("link", "#testVid");
jQuery('div[id^="testVid"]').hide();
jQuery(vid_id).show();
我想使悬停状态和选定div的状态，但我似乎不能让
浏览 0提问于2013-02-25得票数 0
我正在使用jquery更改select上的表行类。但我将鼠标移到它上面时，它正在更改类，而不是未选中的行。对于选定的行类应在鼠标悬停时更改。
如何做到这一点？
$('#<%=grdDataSource.ClientID%>').delegate('tr', 'click', function () {
$('#<%=grdDataSource.ClientID%> tr').not(this).removeClass('SelectedRowStyle'
浏览 1提问于2014-04-03得票数 0
我有一个jQuery滑块，它使用左下角的小缩略图，允许用户点击缩略图来触发某些幻灯片。
我想给选定的缩略图一个新的类，当被选中时，所以本质上给了他们与幻灯片同步。
这个是可能的吗？
这是我的代码。
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</s
浏览 1提问于2011-04-21得票数 0
回答已采纳
我正在从事asp.net mvc项目。
我希望从选定的行(单击"Manage“按钮的行)获取单元格值。在本例中，值为userID。
<table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">
<thead>
<tr>
<th width="45%">User ID</th>
<th
浏览 0提问于2018-10-03得票数 0
回答已采纳
请您看一看，并让我知道为什么我不能设置默认选定的收音机为第二个选项？
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default active">
<input type="radio" name="options" id="option1" autocomplete="off"> opt 1
</label>
<la
浏览 1提问于2015-03-04得票数 0
回答已采纳
5回答
我想用jquery激活选定的链接。但是我的链接与css类在不同的div中分组。
<div class="menu-container">
<div class="button-group">
<a href="#" id="manu1">clients</a>
<a href="#" id="menu2">supplier</a>
</div>
<div
浏览 9提问于2014-08-28得票数 0
回答已采纳
我被困在这里了。我有一个链接的ul菜单。当用户从这个列表中选择时，我使用ajax从另一个页面调用内容。我希望从选定的锚点获取一个数据属性(data-flag)，并将该属性作为类添加到包含ajax内容(#fourteen)的div中。添加类的部分运行良好。但是，当从ul菜单中选择一个新项时，我似乎无法从content中删除其他类。每次点击，它只会添加更多的类。
这是我的密码。
<ul id="langtest" class="tp_lang2">
<li><a href="http://myurl.com/14-langua
浏览 5提问于2016-01-15得票数 2
回答已采纳
4回答
我发现很难找到使用jQuery的例子，所以我不适合问这么简单的问题。我得到了这个ul：
<ul id="navLinks">
<li class="selected" id="homeNavLink"></li>
<li id="aboutNavLink"></li>
<li id="contactNavLink"></li>
...
</ul>
我想写一个函数来改变哪个li有“选定”的类
浏览 11提问于2009-04-09得票数 5
回答已采纳
我已经在jquery中编写了上传文档的代码，我们可以选择n个文件，然后单击submit将其上传到服务器上。如何删除选中的文件？我已经选择了一个要上传的文件，但现在我想要删除它，就像我们在gmail中对附件所做的那样(我们选择一个附件，如果我们想删除它，我们可以删除并上传另一个)。那么如何使用jquery删除选定的文件呢？ 以下是我的上传代码，帮助我选择需要上传的文件： $('#add_more1').click(function(){
var current_count= $('input[type="file"]').leng
浏览 30提问于2019-04-06得票数 0
我从数组中动态生成缩略图，以切换页面的背景图像：
<?php
for($i=0; $i < count($imageArray); $i++){
echo('<img onclick="changeBig(\''.$imageArray[$i].'\')" src="/lib/img/bkgr/'.$imageArray[$i].'" alt="thumbnail image" width="77"
浏览 6提问于2011-08-29得票数 0
回答已采纳
2回答
我需要你的帮助,
如何更改UL列表中选定的LI项的背景(使用jQuery)。就像现在一样，唯一被改变的就是我的名单的整个背景。最后要注意的一点是，如果选择了新的LI项目，颜色应该默认为白色。
<!DOCTYPE html>
<html>
<script src="jquery.min.js"></script>
<head>
<style type="text/css">
#container {
width: 200px;
}
#list1 {
border: 1px
浏览 0提问于2014-03-31得票数 0
回答已采纳
我有一些代码，看起来像这样：
$('aside a').removeClass('selected');
itemToSelect.addClass('selected');
其目的是从链接列表中删除选定的样式，然后将其应用于当前页面的链接的样式。
我怀疑它可以与jQuery一起工作，但jQueryUI似乎覆盖了这些方法，而我无论如何也想不出如何修改它们以使它们正常工作。我曾尝试将addClass放入removeClass的完整函数中，但这并不是我想要的行为(在不被调用或被多次调用之间摇摆)。
有没有一种方法可以只调用标准的jQuery方法(我需
浏览 0提问于2013-11-04得票数 0
2回答
我正在尝试删除DataTable中选定的行。我使用的代码是：
var oTable = jQuery("#tableId").dataTable();
jQuery("#tableId tbody').on( 'click','.delete', function (e) {
e.preventDefault();
oTable.row(jQuery(this).parents('tr')).remove().draw( false );
} );
但是我发现了一个错误：
“未
浏览 5提问于2015-02-28得票数 0
回答已采纳
3回答
我试图通过使用jQuery将一个css类重新分配到列表项来显示哪个菜单项是活动的菜单项。我在网上看过一些例子，并尝试了一些不同的例子，但我似乎根本无法让我的例子发挥作用。有人能看看我上次尝试的代码，告诉我我做错了什么吗？谢谢你的帮助。
头标签中的脚本：
<script type="text/javascript" src="script/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(fu
浏览 3提问于2015-05-04得票数 0
回答已采纳
3回答
我有一个动态的图像缩略图列表。每次选择图像时，我都要取消选择当前选定的图像，并选择新单击的图像。html如下所示：
<ul class="imgList">
<li>
<div id="item1" class="imgStyle" order="{#}" imgId="{imgId}">
<img src="{imgPath}"/>
</div>
</li>
浏览 0提问于2014-09-10得票数 0
回答已采纳
3回答
我已经尝试过实现特定字段的悬停/选定颜色更改，但我认为jQuery是解决方案。我看过一些点击按钮的教程，但也许我并不是看对了或者做对了。
这里的想法是，当用户将鼠标悬停在标题上时，背景颜色会改变，当他们单击标题展开它时，背景颜色保持不变(选中)，但是现在展开的字段的背景颜色不会改变。
下面是演示：
浏览 2提问于2010-04-04得票数 1
回答已采纳
我正在尝试通过创建一个待办事项列表来练习一些jQuery。到目前为止，除了隐藏列表项被删除时的“删除选定项”按钮外，我已经了解了其中的大部分内容。
这个过程是在输入字段中创建一个todo项，结果显示为一个有序列表。当已在列表中单击某项并已开始执行时，将出现“删除选定项”按钮。我尝试过不同的方法来删除按钮使用条件，但这是行不通的。这是我的密码。
HTML：
<form id="create-todos">
<input type="text" name="todo-item" id="todo-item">
浏览 2提问于2018-03-18得票数 0
回答已采纳
5回答
我想使用jquery突出显示当前选定的菜单，下面是我的jquery代码
$('ul li a').click(function() {
$('li').removeClass();
$(this).parent().addClass('active');
});
.active {
background-color: #d90000;
color: #fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.
浏览 36提问于2017-03-09得票数 1
在我的proto中，我有一个有三个按钮控制三个div的控制器。每个按钮都设置为不同的jQuery选择器，all，eq，偶数。
一切似乎都进行得很好，但当我从一个切换到另一个切换选项时，前面的选择将被执行到下一个选项，而不是从头开始完全重新分配。如果我添加了一个函数来重置所有的div，我的div就不会切换。
，我想知道是否有一种方法可以从除选定的元素以外的每个元素中获取removeClass。
感谢你的帮助！
代码: proto这里：
function clearAll() {
$('#controller .button').removeClass('theSe
浏览 0提问于2014-12-08得票数 0
我有一个jquery datepicker，我需要能够更改选定单元格日期的背景颜色。我正在尝试类似这样的东西：
$("#fecha").datepicker({
onSelect: function(value, date) {
alert(date.css());
}
});
希望date参数引用选定的单元格，但它似乎不起作用。
有什么建议吗？
//编辑:解决方案应该允许我动态设置不同颜色的不同单元格，这就是为什么我尝试使用onSelect而不是直接更改CSS。
其目的是拥有一个包含由用户
浏览 0提问于2010-05-25得票数 5
回答已采纳
我想将jquery中的类添加到选定的元素：：元素。我该怎么做？有什么帮助吗？
这是截图。
我想从jquery中为上面的元素添加CSS。
浏览 0提问于2016-04-01得票数 1
回答已采纳
2回答
假设我有这个面板。我希望能够使用/折叠它，这取决于下拉列表的选定值。
<div class="collapse" id="collapseExample">
<div class="well">
...
</div>
</div>
这是下拉列表。
<select id="state" name="state"
[(ngModel)]="stateId"
(change)=&#
浏览 0提问于2017-08-20得票数 4
回答已采纳
如何将CSS背景色仅应用于选定的选项？如果我将一个类应用于选择的对象，它会设置所有选项的样式。如果将所需的类应用于选项，则在展开选择框时，可以看到所有选项的样式都很好。但当选择框折叠时，所选选项的样式将消失。我在最新版本的Chrome和Firefox中观察到了这种行为。
下面是一些超级基础的示例代码。如果没有jQuery，则选定的选项始终显示为未设置样式。对于jQuery，一旦选择了"modified“选项，所有选项都会被设置为"modified”的样式。我一直想不出解决这个问题的办法...有什么想法吗？
我不想更改选项的样式。仅在选定任何给定选项时才能看到该选项的样式，而不覆
浏览 5提问于2012-09-01得票数 1
回答已采纳
试图在关闭时获取物化CSS select元素的选定值。
就像这样：
$('input.select-dropdown').on('close', function() {
console.log($(this).val());
});
只是不起作用，因为显示了最后选定的值。第一次显示什么都没有，下一次第一次显示选定的值。
我认为这是因为关闭操作是在表示选定值之前声明的。
有谁知道在“关闭”中是否有获得选定值的方法？
提前谢谢。
更新
我不想通过jquery选择值，我希望在下拉关闭时检测选中的值(如果选择了任何选项)。
对于文本输入，我试图实现select
浏览 4提问于2017-07-25得票数 1
回答已采纳
1回答
我希望'myclass‘和'col-3’类只适用于lg大小。在其他情况下，我只需要'col‘。如何做到这一点？
我可以这样做：
<div class="d-none d-lg-block">
<div class="myclass col-3">
<select id="country-select">
<option value="">All</option>
<opt
浏览 4提问于2019-07-21得票数 0
2回答
代码：
function selectIcon(event) {
$(event.currentTarget).toggleClass('selected');
changeColor();
}
function changeColor() {
var selectedIcon = $('.wrapper .feature.selected');
var newIcon = selectedIcon.closest('.feature')
.find('.feature-ima
浏览 3提问于2020-08-01得票数 1
回答已采纳
5回答
我有三个按钮，并希望在被选中时更改按钮的颜色。正如您将看到的，我能够在选择时更改颜色，但是我需要buttonA在选择buttonB时返回到它的原始颜色(在选择buttonB时，buttonB应该采用所选的颜色)等等。当前，所选的每个按钮都采用所选的颜色，但按钮不会返回到原来的颜色。
请看这把小提琴：
这是一个脚本：
jQuery(document).ready(function(){
jQuery('button.account').click(function() {
jQuery(this).removeClass("account");
浏览 2提问于2013-08-08得票数 2
回答已采纳
我使用jquery将gridview的选定数据发布到服务器上，以便使用jquery进行插入，但我只得到一列(即id)，但我想要选定行的所有字段值。那么我该怎么做呢？
浏览 1提问于2012-04-27得票数 4
如何填充表下拉列表中未选定的下拉选项？以及如何获取数组控制台中的所有值？
我试过了，但我很少为此而挣扎
注:未选定的选项仅显示在表下拉列表中。
这是我的代码样本。
var status;
var sno = [];
var load;
var no_rows = 0;
var row;
var mainArr = [];
var tmpArr = [];
function loadValues() {
var mainTable = $('#tablemain');
var tr = mainTable.find('tbody tr');
浏览 2提问于2019-10-19得票数 1
回答已采纳
2回答
主动引导按钮
、、
我一直在玩引导按钮组，以显示和隐藏div在我的网页上。也许我是哑巴，但谁能指出我的正确方向，使选定的按钮激活时，点击？
HTML (按钮)：
<div class="btn-group" role="group" aria-label="...">
<button id="1" type="button" class="btn btn-default">Button 1</button>
<button id="2" ty
浏览 7提问于2015-06-16得票数 2
回答已采纳
我有一个html页面，其中有许多jquery日期选择器的实例。
我面临的问题是，一旦我选择了jquery日期选择器的任何一个实例的日期，它也会被选择用于所有其他实例，即使我使用命令$('#textBoxID').dpSetSelected(DateVal);为jquery中的每个实例分别设置了所选的日期。
因此，请让我知道我哪里错了，并让我知道如何清除选定的日期，并将其重新分配给我希望分配的日期。
浏览 0提问于2011-12-09得票数 0
我有一个工作脚本，添加一个背景颜色，并保存它的本地存储。我想把它转换成addClass。我不认识任何JS。我在将.css更改为.addClass时遇到的问题是，它没有删除前面选定的背景色。获取身体class=“c-rood c-ori”
不知何故，它在Stackoverflow上不起作用。但也许有人知道我如何删除body类并添加新类。
if (localStorage.getItem("background") != null) {
getColour = localStorage.background;
$('body').css('bac
浏览 1提问于2018-03-12得票数 0
回答已采纳
1回答
Hashtag链接系统
、、、、
当我点击‘学习更多’按钮，我想让‘第三个链接’按钮显示为选定。有什么解决办法吗？
html
<ul>
<li><a href="#">First Link</a></li>
<li><a href="#">Second Link</a></li>
<li><a href="#">Third Link</a></li>
<li><a href=&
浏览 3提问于2014-03-22得票数 2
回答已采纳
我使用jQuery验证插件，并希望只有当另一个select字段有选定选项时，才需要选择字段。我的密码来了：
<form id="my-form">
<input type="text" id="myInput" name="myInput">
<select id="mySelect" name="mySelect">
<option value="">Please select</option>
浏览 2提问于2015-05-19得票数 3
1回答
我使用jQuery从ListBoxes中获取选定的值以存储到数据库中。
var hdn2 = "";
jQuery('select[name$=ListMyITProgramming] > option').each(function () {
hdn2 += jQuery(this).attr('value') + ',';
});
alert(hdn2);
有人能帮我得到选定的文本而不是价值吗？
浏览 3提问于2013-10-09得票数 0
回答已采纳
1回答
我现在正致力于在VueJS中创建主题。我有一个在<html>标记类改变时执行函数的themes.less文件。我想能够以编程方式交换下拉菜单中选定的选项为基础的主题。当下拉菜单设置为'Dark‘时，我希望将.dark类添加到我的<html>标记中。到目前为止，我还没有找到一种从VueJS操作根<html>标记的方法。是否可以在不向项目中添加JQuery的情况下从该标记中添加和删除类？
浏览 28提问于2021-02-07得票数 0
我们正在尝试在jquery选定的日期添加html。我们知道我们可以通过"beforeShowDay“函数添加颜色，但我们没有找到任何可以在选定日期添加html的引用。
例如，我们正试图实现这一点
为此，我们编写了以下代码
$('#txtDate').datepicker({
beforeShowDay: function(date) {
var Highlight = SelectedDates[date];
if (Highlight) {
return [true, "Highligh
浏览 1提问于2016-09-02得票数 2
我在用
$(document).on('click', '.mySelector', function () {
//do something
});
要将事件委托给按钮，请执行以下操作。接下来，我使用.clone(true)来复制div，它包含几个带有委托给它的事件的按钮。我的问题是如何从选定的新创建按钮中删除事件？我受够了：
$(document).unbind('click', $(myNewDiv).find('.mySelector'));
不知何故，它正在从整个文档中的所有$('.mySelector&
浏览 3提问于2014-06-30得票数 3
回答已采纳
3回答
嗨，我想知道我怎样才能改变类的点击链接？
这是我的html：
<div id="category_list" class="list-group">
<a href="#" data_category="all_apps" class="list-group-item active">
<span class="badge">2</span>All applications</a>
浏览 0提问于2014-01-14得票数 0
回答已采纳
我有一个有7个下拉列表的表单，所有下拉列表都包含值1-7。
使用Javascript和/或Jquery验证(使用函数)所有“选定”值是否彼此不同的最简单方法是什么？
提前谢谢。
浏览 1提问于2013-10-18得票数 0
1回答
查询字符串参数_layout可能包含0到9之间的值，也可能丢失。
如果不存在查询字符串参数，则必须将项0标记为“选定”。引导3下拉菜单项应根据其值标记为选定。我尝试了下面的代码，但是项可能没有标记，因为span元素中不支持onload事件。
怎么修？
<ul class="dropdown-menu" role="menu">
<li>
<a onclick="LaadiVorm(0)">
<span onload="if(getParameterByName('
浏览 1提问于2015-12-05得票数 0
回答已采纳
我在我的网站上有一个kartik的文件上传小工具，比如 <?=$form->field($documents, 'file_additional_doc[]')->widget(FileInput::classname(), [
'options'=>['id'=>'file_additional_doc'],
'pluginOptions' => [
'showUpload' => false,
浏览 36提问于2020-04-27得票数 0
我想知道如何使用jquery或JavaScript来应用onclick事件来突出显示所选的div并突出显示其他div。
我有一个动态的名称行，用户可以单击以查看选定的消息，当用户单击选定的名称时，名称将用边框突出显示...有没有一种简单的方法来实现这类事件，而不需要经历以下步骤。
function swapme(foo) {
buttons = new Array();
buttons = document.getElementsByTagName('a');
for (i = 0; i < buttons.length; i++) {
if (b
浏览 0提问于2018-11-07得票数 2
4回答
我正在尝试向选定的单选输入添加一个类，然后在选择了另一个相同类型的单选时删除该类
单选按钮的类是'radio_button‘，但是我不能用下面的代码改变这个类。
jQuery(".radio_button").livequery('click',function() {
$('input.radio_button :radio').focus(updateSelectedStyle);
$('input.radio_button :radio').blur(updateSelectedSt
浏览 11提问于2009-01-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
