解决addClass不起作用的小妙招

最新推荐文章于 2022-07-20 20:07:57 发布

huakaiwuxing

最新推荐文章于 2022-07-20 20:07:57 发布

阅读量6.9k

点赞数 1

本文链接：https://blog.csdn.net/huakaiwuxing/article/details/97390357

版权

本文探讨了一个关于jQuery中addClass方法无法正常工作的问题。作者最初使用$(this)添加类，但未能生效。通过调整为$(span $(this))，成功解决了问题，实现了预期的类添加效果。

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

今天遇到了这么一个问题，同样的写法，实在是找不出来为什么其中一个标签的addClass无法实现；

最后发现了这么一个方法，这才是最重要的

当点击事件后，获取到this然后给他添加class；
起初是用的$(this)我也打印了，可以正确获取到标签无误，但addClass就是无法实现；
后来改用了$("span",$(this))   注：this这个标签即是span标签，就这么一个操作便可以正常实现addClass了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

huakaiwuxing

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Jquery.addClass始终无效原因分析

10-26

Jquery.addClass无效的情况想必有很多的朋友都有遇到过吧，下面为大家详细的分析下，感兴趣的朋友可不要错过了哈

juqery addClass方法失效问题

wz13759497175的博客

02-09

9225

使用jquery的addClass方法后，样式已经成功添加，但还是没有效果，是因为新添加的样式的优先级比起原先的样式低所致。例如，原先样式如下.test div{ width: 100px; height: 100px; background: black; }改变的样式如下：.change{ background: white; }像这种原先样式带有父级的，对.t...

参与评论您还未登录，请先登录后发表或查看评论

jquery添加addclass无作用解决办法

weixin_43582919的博客

08-05

4295

之前的accordion有CSS背景样式，去掉它就解决了。 $(document).ready(function(){ $(".link1").click(function(){ $(".accordion").addClass("onchange"); }); }); .onchange{ background: red; } ...

jquery为dom元素追加样式，使用addClass不生效

snowing1997的博客

07-20

2174

jquery使用addClass添加类样式不生效

解决jQuery(e).addclass(‘xxx‘)始终不生效的问题 - $(...).addclass is not a function

Rudon滨海渔村的博客

03-20

2081

错误解决步骤先找标准的(接近)官方手册（百度jquery addclass）jQuery 属性操作 - addClass() 方法https://www.w3school.com.cn/jquery/attributes_addclass.asp 找到官方例子，一个字一个字的核对： $("button").click(function(){ $("p:first").addClass("intro"); }); 发现问题，不是addclass 而是add..

jQuery中addClass不起作用

weixin_30662539的博客

09-13

960

1、当用jQuery给其中的i追加样式时 $(this).addClass('active').siblings().removeClass('active'); .active的中和cont重复的样式不起作用 <div class="imgId"> <i class="cont">1</i> <i ...

js动态添加的新节点class不生效，点击事件无效

weixin_42573146的博客

03-06

6486

原因：dom未重新加载， $(".close,.cs").click(function() { $(".modal").hide(); }); 改为 $(document).on("click", ".huanshu", function () { var sds = $(this).prev().prev().prev().p...

【jquery】给元素addClass并绑定点击事件，点击事件不生效的解决办法

qing_小诺的博客

09-19

4155

问题还原：现有一个div，我们在点击时，把原来class给去掉，并给它添加一个新的class，然后监听这个新的class的点击事件，但是没生效。代码如下： <body> <div class="open">展开</div> <script> $(".open").click(function () {//展...

Layui 新增的元素事件不生效

热门推荐

BugRoot的博客

08-16

1万+

// 绑定onchange事件 ---新增的元素事件不生效 //$(".fixedInput").bind("input propertychange change",function(event){ // var _divs = $(".fixedInput").parent().parent().find("select"); // var select = _divs.eq(0).find("option:selected"); // select.val("fixedValu.

轮播图指示器动画制作，removeClass后addClass无效？用神奇的setTimeout(fn, 0)解决动画重置问题

无数_Mirage的博客

05-20

635

轮播图指示器动画制作，removeClass后紧跟addClass无效的解决办法，用神奇的setTimeout(fn,0)解决动画重置问题

js addClass 无法正常添加class 属性点击 a 标签导致跳转刷新失效解决办法(thymeleaf)

weixin_38068605的博客

05-08

1077

<div class="titleCurrent"> <ul> <li> <a th:href="@{/front}">首页</a> </li> ...

js原生态函数中使用jQuery中的 $(this)无效的解决方法

weixin_30924239的博客

08-17

298

原文地址：http://www.jb51.net/article/27238.htm 今天遇到一个听郁闷的问题，正如title所说 js中原生态函数在jQuery 中使用 $(this) 被解析成undefined。我今天的例子是这样的， $("ul li").hover(function(){ setTimeout(function(){ $(this).addCl...

jQuery 在ajax中使用$(this).parent()无效

caixiajia的专栏

04-07

3270

需求：点击删除按钮时，调用后台controller删除数据，若删除成功将其所在的父元素块隐藏开始方法： $(".jk_table").on('click','.btn',function(){ var autoId=''; $.ajax({ type:'post', url:'../del', data:{autoId,autoId}, dataTyp

$(this).addClass()的一个注意点

王旭东

01-31

1883

今天在该公司项目里的一个bug时发现$(this).addClass("a");后再进行一次$(this).addClass("b")，则this元素的class为“a b”；，今天这个bug就是因为这个搞的许久。唉，写出来，让自己长长记性。...

js追加的class点击效果没有生效解决方法

jia2799897415的博客

07-29

882

//这样写没有效果 $(".xx").clcik(function(){····}); //改成这样写 $(document).on('click', '.xxx', function(e){ });

js添加类选择器(addClass,removeClass) ,禁用div

weixin_43942765的博客

11-05

1355

小编前不久遇见了一个bug，在和自己的师傅沟通后确认其需要修改，在服务器端进行了简单的处理后，然后需要在客户端修改，我使用到了禁用div，相信很多情况下都需要用到这一点，来一起看看小编的代码吧 1.noshow是div的类选择器 2.pointer-events就是控制div是否禁用的样式 1)属性为none时其将被禁用 2)属性为auto时其将恢复正常 .noshow{ pointer-...

vue v-html 中@click 和 class 不生效问题解决方案

射手男很懒的博客

09-14

6130

vue v-html 中html标签中@click 和 class 不生效问题解决方案前端用v-html解析渲染html标签能成功渲染，但click事件无法触发（vue没有将其作为vue的模板解析渲染）点击事件解决方案：将标签中的@click 改为 onclick，增加 created(){ window.test=this.test(); }, methods: { //标签中的点击事件 test() { }, } 点击事件就可.

layui踩坑总结

Chloe_Yang的博客

04-11

1436

layui踩坑总结: 1.layui按钮设置 “ layui-btn-disabled”禁用button按钮后依然可点击 html代码： <button class="layui-btn layui-btn-sm layui-btn-normal esup-phase-title" id="btn">禁用按钮</button> js代码： $('#btn').addCl...

Vue实战中常见问题解决方案积累（一）

github_37360787的博客

07-23

454

1. v-on 监听原生事件（变更）现在在组件上使用 v-on 只会监听自定义事件 (组件用 $emit 触发的事件)。如果要监听根元素的原生事件，可以使用 .native 修饰符，比如： <my-component v-on:click.native="doSomething"></my-component> <router-link class="...

jquery addClass不生效