jquery点击一组相同的class里的某个 添加或移除class

最新推荐文章于 2024-11-10 20:14:44 发布
原创 最新推荐文章于 2024-11-10 20:14:44 发布 · 3.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了使用jQuery进行DOM操作的方法，包括为元素添加和移除样式类、获取被点击元素的内容及索引等。此外，还提供了div元素实现垂直居中的CSS技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$(".class").click(function(){

        $(this).siblings().removeClass("partner_group_click");//siblings是循环遍历
        $(this).addClass("partner_group_click");

})

获取点击的内容：$(this).text(),获取下标：$(this).index()



div垂直居中：height: 39px;line-height: 39px; 2个相同就可以

使用jQuery删除多个元素的class属性
TechInk的博客
09-21 1332
在jQuery中，我们可以使用一些方法来删除多个元素的class属性。需要注意的是，以上两种方法都会将指定元素上的所有class属性都删除。如果你只想删除其中的一部分class属性，可以根据需要在参数中指定需要移除的class名称。removeClass()方法用于从匹配的元素中移除一个或多个class。我们可以通过指定需要移除的class名称作为参数来删除多个元素的class属性。虽然它不是专门用于删除class属性的方法，但我们可以利用它来删除元素的class属性。在上面的代码中，我们使用了选择器。
jQuery使用removeClass方法删除元素指定Class的方法
10-24
主要介绍了jQuery使用removeClass方法删除元素指定Class的方法,可实现针对指定元素样式的批量删除功能,具有一定参考借鉴价值,需要的朋友可以参考下
jquery点击加class再次点击移除添加的class
龚清林的博客
10-12 7402
toggleClass方法可以实现对某一class进行添加、删除操作。示例： html：<li class="li2 "> <a href="javascript:;" onclick="collectGoods({$data.goods_id})" id="collect_btn"> <i class="icon {if $dat
jquery通过前缀removeClass
为梦想奋斗
04-16 1137
通过类的前缀来删除class，可以用在只知道前缀的情况下。 <divclass="cardmb-3border-success"id="card_1">xxx</card> $("#card_1“).removeClass(function(index,className){return(className.match(/(^|\s)border-...
用Jquery怎么删除class相同 但id不同的元素?
u014185468的专栏
07-19 2636
在前端樱桃 苹果 雪梨 猕猴桃
jQuery 添加/移除CSS类实现代码
12-02
在网页开发中，jQuery库极大地简化了DOM操作，包括对CSS类的添加、移除和切换。本篇文章将详细介绍jQuery中的三个主要方法：addClass()、removeClass()和toggleClass()，以及辅助方法hasClass()，用于处理元素的CSS...
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
10-22
在本文中，我们将探讨如何基于Bootstrap框架使用jQuery实现输入框组input-group的添加与删除功能。Bootstrap是一个流行的前端开发框架，它提供了丰富的UI组件，其中包括输入框组(input-group)，用于构建复杂的表单...
原生js封装添加class,删除class的实例
11-28
`addClass`函数用于向指定元素`ele`添加一个或多个class。函数的主要逻辑是： 1. 首先，通过`className.split(' ')`将元素当前的class列表转换为数组`arr`。 2. 接着，将要添加的class名字符串`cName`也按空格分隔...
jQuery操作attr、prop、val()/text()/html()、class属性
10-16
隐式迭代是jQuery的一个特性，当对一组元素应用方法时，jQuery会自动遍历每个元素并应用对应的方法。如果进行设置操作，如绑定事件，多个元素会设置相同的值；如果是获取操作，返回的值只会是第一个元素的值。如果要...
添加class属性--互斥
05-28
本文将详细介绍如何利用jQuery库实现元素之间的互斥性操作，即点击某个元素时为其添加特定的`class`，同时去除其他同级元素的该`class`，从而达到样式互斥的效果。 #### jQuery简介 jQuery是一款快速、简洁的...
jquery 如何动态添加、删除class样式方法介绍
12-11
取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class，JQuery代码如下： 代码如下: var p_class = $(“p”).attr(“class”); //获取p元素的class [html] 使用attr()方法来设置p元素的class，JQuery代码如下： [code] 1 $(“p”).attr(“‘class”, “high”); //设置p元素的class为 “high” 大多数情况下，它是将原来的class替换为新的class，而不是在原来的基础上追加新的class。 追加样式 什么是追加cl
jQuery获取当前元素的所有同级元素并且删除样式
hzm博客
06-23 542
jQuery获取当前元素的所有同级元素并且删除样式 $(“price_cur”).siblings().removeClass(“price_cur”);
多个相同class的标签的鼠标移入移出事件
心若向阳 无谓悲伤
02-27 2681
为多个具有相同class名字的标签绑定鼠标移入移出事件 案例：为多个class名字为aa的div绑定鼠标移入移出事件 要求：当鼠标移入到当前div时，当前div内的字体变成红色，移出时字体变成蓝色 实现步骤： 1.获取class为aa的所有div标签（改变div属性用） var str = document.getElementsByClassName("aa"); 2.根据类名利用...
Jquery添加或删除Class属性实例代分享
最新发布
qq974416775的博客
11-10 550
在编写JS代码的时候，大家可能会经常遇到需要操作Class属性的时候，就比如写一些JS鼠标事件的时，需要通过判断是否存在Class属性来执行不同的代码，那么今天我就给大家分享Jquery添加Class属性和删除Class属性的教程。$("我是按钮属性").click(function(){ $("div").addClass("我是添加的Class属性");$("我是按钮属性").click(function(){ $("div").remove("我是添加的Class属性");
js如何解决多个相同class属性之间，选择当前的class属性
qq_34665877的博客
01-22 3784
jQuery之class类操作
06-15 2772
判断一个元素有没有某个类，如果有返回true, 否则返回false。
js:相同class 获取点击事件
l123y123c123的博客
11-12 2993
$(".stylebutton").each(function() { $(this).click(function() { var val = $(this).html(); alert(val); ...
js用for循环依次给十个相同类名标签赋予点击事件,点击输出相应下标
a666666000的博客
04-06 3321
题目如下: 使用js获取一组10个具有相同class属性的button标签的DOM集合，对每个button添加一个点击事件，输出每个button在这个数组集合中的下标 html代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt
JS 获取多个相同class的html内容
༺墨༒眉༻
10-23 2912
&lt;div&gt; &lt;p class="molecule"&gt;30&lt;/p&gt; &lt;p class="Denominator"&gt;7.5%&lt;/p&gt; &lt;p class="molecule"&gt;500&lt;/p&gt; &a
手机端jQuery实现点击换一批标签功能
根据描述，以下是一个简单的示例代码，展示了如何使用jQuery实现点击按钮后更换标签组的功能。 假设`index.html`文件中有如下的HTML结构： ```html <ul class="tabs-list"> <li class="active">标签一 标签二 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值