使用jQuery删除HTML元素的class

Dear 丶 2022-10-02 14:50 210阅读 0赞

<script>  
$(document).ready(function() \{   
$("button").addClass("animated bounce");  
$(".well").addClass("animated shake");  
$("\#target3").addClass("animated fadeOut");  
$("button").removeClass("btn-default");//删除默认样式  
$("button").addClass("btn-success");//添加成功样式  
\});  
</script>

<div class="container-fluid">  
<h3 class="text-primary text-center">jQuery Playground</h3>  
<div class="row">  
<div class="col-xs-6">  
<h4>\#left-well</h4>  
<div class="well" id="left-well">  
<button class="btn btn-default target" id="target1">\#target1</button>  
<button class="btn btn-default target" id="target2">\#target2</button>  
<button class="btn btn-default target" id="target3">\#target3</button>  
</div>  
</div>  
<div class="col-xs-6">  
<h4>\#right-well</h4>  
<div class="well" id="right-well">  
<button class="btn btn-default target" id="target4">\#target4</button>  
<button class="btn btn-default target" id="target5">\#target5</button>  
<button class="btn btn-default target" id="target6">\#target6</button>  
</div>  
</div>  
</div>  
</div>

转载于:https://www.cnblogs.com/chendi618/p/11013112.html

发表评论取消回复

表情：

评论列表（有 0 条评论，210人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery - 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。 -------------------- 删除元素/内容如需删除元素和内容，一般可使用以下两个 jQu

Love The Way You Lie/ 2024年03月16日 10:46/ 0 赞/ 58 阅读

相关 jQuery - 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。 -------------------- 删除元素/内容如需删除元素和内容，一般可使用以下两个 jQu

蔚落/ 2024年03月16日 10:19/ 0 赞/ 115 阅读

相关 jQuery 入门教程(15): 删除HTML元素

jQuery使用下面两个方法来删除或是清空某个HTML元素。 remove() – 删除指定的元素（包括其子元素） empty() – 清空指定元素的子元

ゝ一纸荒年。/ 2023年10月16日 19:04/ 0 赞/ 21 阅读

相关使用jQuery删除HTML元素的class

<script> $(document).ready(function() \{ $("button").addClass("animated bounce");

Dear 丶/ 2022年10月02日 14:50/ 0 赞/ 211 阅读

相关 jQuery删除指定的元素

var ss = $("productId").val().split(","); for(var i=0; i<ss.length; i++) {

╰半橙微兮°/ 2022年06月16日 12:16/ 0 赞/ 221 阅读

相关 jQuery HTML之捕获、设置、元素添加、元素删除

一、jQuery:捕获HTML 1.1 jQuery - 获取内容和属性获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM

墨蓝/ 2022年06月14日 10:09/ 0 赞/ 307 阅读

相关前端技术（JQuery）学习笔记（二）JQuery操作html元素的属性、对html元素的类（class）属性、对html元素的css样式、JQuery多选反选以及JQuery对html元素的追加

一、前期内容小结 1、JQuery，一套功能极其强大的函数库，利用这个函数库可以大大提高开发效率 2、核心函数，`jQuery---->$` 3、JQuery代码往

忘是亡心i/ 2022年05月25日 03:57/ 0 赞/ 277 阅读

相关 jQuery之删除元素

任务描述本关任务：用jQuery删除元素。效果如下： ![206616][] 相关知识为了完成本关任务，你需要掌握：1.`remove()`，2.`empty

谁借莪１个温暖的怀抱￠/ 2022年04月05日 04:28/ 0 赞/ 313 阅读

相关 jQuery - 删除元素

删除元素/内容如需删除元素和内容，一般可使用以下两个 jQuery 方法： remove() - 删除被选元素（及其子元素） empty() - 从被选元

- 日理万妓/ 2021年09月15日 07:46/ 0 赞/ 494 阅读

相关 JQuery添加删除元素

JQuery提供了添加元素的四种方法： append() - 在被选元素内部的结尾插入指定内容 prepend() - 在被选元素内部的开头插入指定内容 after()

末蓝、/ 2021年09月14日 02:44/ 0 赞/ 581 阅读