精华内容
下载资源
问答
  • 1、设置删除属性 $('#img').attr("src", "./images/img1.jpg"); $('#img').removeAttr("src"); $('#img').attr('class','class1') $('#img').removeAttr('...2、设置删除class $("#bullet1").addClass("clas...

    1、设置删除属性

    $('#img').attr("src", "./images/img1.jpg");
    $('#img').removeAttr("src");
    
    $('#img').attr('class','class1')
    $('#img').removeAttr('class','class1')

    2、设置删除class

    $("#bullet1").addClass("class1");
    $("#bullet3").removeClass("class1");

    3、设置删除css

    //设置 CSS 属性
    $("p").css("color","red");
    
    //返回 CSS 属性值
    $("p").css("color");
    
    //使用函数来设置 CSS 属性
    $("button").click(function(){
        $("p").css("color",function(){return "red";});
        });
    //示例 逐渐增加 div 的宽度
    $("div").click(function() {
      $(this).css(
        "width", function(index, value) {return parseFloat(value) * 1.2;}
      );
    });
    
    //设置多个 CSS 属性/值对
    $("p").css({
      "color":"white",
      "background-color":"#98bf21",
      "font-family":"Arial",
      "font-size":"20px",
      "padding":"5px"
      });

     

    展开全文
  • JavaScript 删除class属性

    千次阅读 2019-04-01 21:14:46
    本文介绍一下利用JavaScript删除元素的class属性。 考虑范围更广一些,可以包括如下两个操作: (1).删除class属性。 (2).删除class属性值中的某一个类。 一.删除class属性: <!doctype html> <html>...

    本文介绍一下利用JavaScript删除元素的class属性。
    考虑范围更广一些,可以包括如下两个操作:
    (1).删除class属性。
    (2).删除class属性值中的某一个类。
    一.删除class属性:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>JavaScript 删除class属性</title>
    <style>
    #ant{
      width:120px;
      height:50px;
      background-color:#ccc;
    }
    .a{color:red;}
    </style>    
    <script>
    window.function(){
      let odiv=document.getElementById("ant");
      let obt=document.getElementById("bt");
      obt.function(){
        odiv.removeAttribute("class");
      }
    }
    </script>
    </head>
    <body>
      <div id="ant" class="a">51前端</div>
      <input type="button" id="bt" value="查看效果"/>
    </body>
    </html>
    

    运行结果:点击按钮可以删除div的class属性可以看到,元素的class属性已经被彻底删除。
    在这里插入图片描述在这里插入图片描述
    二.删除class属性值中的指定类:
    假设div元素的class属性值为"a b",下面要删除b。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>JavaScript 删除class属性</title>
    <style>
    #ant{
      width:120px;
      height:50px;
      background-color:#ccc;
      text-align:center;
    }
    .a{color:red;}
    .b{line-height:50px;}
    </style>    
    <script>
    window.function(){
      let odiv=document.getElementById("ant");
      let obt=document.getElementById("bt");
      obt.function(){
        odiv.classList.remove("b");
      }
    }
    </script>
    </head>
    <body>
      <div id="ant" class="a b">51前端</div>
      <input type="button" id="bt" value="查看效果"/>
    </body>
    </html>
    

    运行结果:点击按钮可以删除样式类"b"。
    如果要删除多个样式类,为remove方法传递多个参数即可,用逗号分隔。
    在这里插入图片描述在这里插入图片描述
    3、删除class属性中的某个属性
    以tab切换为例:

    在写tab切换的时候,通常我们会给选中的tab设置不同的样式,常用的方法是给被选中的tab新增一个class名,然后改这个class名的样式。
    比如 起一个class名叫“active”
    设置样式

    .active{
        color: #FFD113 !important;
    }
    

    在html代码中给首页(默认选中)加上class名active

    <a class="tab_item active">
        <span class="iconfont icon-shouye"></span>
        <span class="tab2">首页</span>
    </a>
    

    效果是这样的:
    在这里插入图片描述
    在点击切换的过程中,我们需要给被选中的子选项添加“active”,然后让其它子选项删除“active”名
    在这里插入图片描述
    其中:根据id名字获得class属性,someClassName指class属性中的一个值,把someClassName重新置为" ",然后重新给id复制class属性。即可实现删除class属性其中的一个值。当然添加和替换是同样的思想方法。

    展开全文
  • js增加class或者删除class

    万次阅读 2017-12-13 19:45:58
    1.比较传统的方法 var classVal = document.getElementById("id").getAttribute(...//删除的话 classVal = classVal.replace("someClassName",""); document.getElementById("id").setAttribute("class",classVa

    1.比较传统的方法

    var classVal = document.getElementById("id").getAttribute("class");



    //删除的话
    classVal = classVal.replace("someClassName","");
    document.getElementById("id").setAttribute("class",classVal );


    //添加的话
    classVal = classVal.concat(" someClassName");
    document.getElementById("id").setAttribute("class",classVal );


    //替换的话
    classVal = classVal.replace("someClassName","otherClassName");

    document.getElementById("id").setAttribute("class",classVal );


    2.html5增加了classList

    classList 属性返回元素的类名,作为 DOMTokenList 对象。

    该属性用于在元素中添加,移除及切换 CSS 类。

    classList 属性是只读的,但你可以使用 add() 和 remove() 方法修改它。

    增加:document.getElementById("myDIV").classList.add("mystyle""anotherClass""thirdClass");

    去除:document.getElementById("myDIV").classList.remove("mystyle");


    3.正则匹配


    展开全文
  • 在微信小程序中无法使用Jquery的addClass与removeClass来给标签增加与删除Class类,我们使用使用三元表达式来动态的为微信小程序中的标签增加&删除class名。

    目的,在微信小程序的swiper中达到除了active的哪一项外的其他项都有一个半透明的白色浮层。

    效果图 如下:

    效果图

    功能实现:
    我们使用三元表达式即可实现动态设置标签中的class属性 如下:
    <view class='{{index != swiperIndex ? "swiper-small" : ""}}'>
    
    上面这段代码里,有两个变量,当index的值与swiperIndex的值不想等的时候,此标签的class为swiper-small否者为""空。
    该Demo的完整代码如下:
    <!-- wxml -->
    <swiper indicator-dots="{{ false }}" display-multiple-items="1" circular="{{ true }}" next-margin="50rpx" previous-margin="50rpx" class="swiper" bindchange="swiperChange">
      <block wx:for="{{imgUrls}}">
        <swiper-item style="position: absolute; width: 100%; height: 400rpx; transform: translate(0%, 0px) translateZ(0px);">
          <view class='{{index != swiperIndex ? "swiper-small" : ""}}'>
            <image src="{{item}}" class="slide-image" width="355" height="150"/>
            <view class="swiper-top" wx:if="{{ index != swiperIndex }}"></view>
          </view>
        </swiper-item>
      </block>
    </swiper>
    
    /* wxss */
    .slide-image {
      position: absolute;
      top: 0;
      width: 100%;
      height: 400rpx;
    }
    .swiper-small {
      position: absolute;
      width: 100%;
      height: 80%;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      opacity: 0.8;
      overflow: hidden;
    }
    .swiper-top {
      position: absolute;
      top: 0;
      width: 100%;
      height: 400rpx;
      background-color: rgba(255, 255, 255, 0.5);
    }
    .swiper {
      width: 100%;
      height: 400rpx;
    }
    
    /* js */
    Page({
      data: {
        imgUrls: [
          'https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640',
          'https://images.unsplash.com/photo-1551214012-84f95e060dee?w=640',
          'https://images.unsplash.com/photo-1551446591-142875a901a1?w=640'
        ],
        swiperIndex: 0,
      },
      swiperChange: function (e) {
        console.log('e', e.detail.current)
        this.setData({
          swiperIndex: e.detail.current
        })
      },
    })
    

    每个功能的需求都不一样,请根据实际需求进行修改。

    展开全文
  • 用JS添加和删除class类名

    千次阅读 多人点赞 2019-02-22 22:42:52
    下面介绍一下如何给一个节点添加和删除class名 添加:节点.classList.add("类名"); 删除:节点.classList.remove("类名");   以tab切换为例: 在写tab切换的时候,通常我们会给选中的...
  • 原生JS添加Class/删除Class/判断Class

    千次阅读 2017-12-15 22:18:15
    其实文中的代码通俗易懂,很容易看明白,不过还是解说一下,让像我...//新增类名 //删除类名//判断类名 解说:  space,这里是判断新增的类名前面需不需要加空格,如果新增的类名前面有类名不加空格我想大家都明白会
  • 原生js添加删除class

    千次阅读 2015-05-06 16:46:50
    之前在网上查过一些添加删除class的原生js写法,感觉用着很方便,于是我就自己按自己的需求找了一个 Object.prototype.hasClass = function(cls) { return this.className.match(new RegExp('(\\s|^)' + cls + '(\...
  • JQuery动态添加/删除class样式

    万次阅读 2017-08-05 16:07:58
    有时我们会对某个控件的class样式进行获取、添加、修改、删除。下面是简单整理的一些实例用法:html样例代码如下:<ul class="pro_list fl cont"> <li class="core"> <li class="core"> <li class="core"> ...
  • js增加class或者删除class(Html 5)

    千次阅读 2019-01-15 21:29:26
    classList 属性返回元素的类名,作为 DOMTokenList 对象。 该属性用于在元素中添加,移除及切换 CSS 类。 classList 属性是只读的,但你可以使用 add() 和 remove() 方法修改它。 增加:document.getElementById...
  • {{data.data}} new Vue({ el: '#app', data: { datas: { data1: { data: "测试1", ifAdd: 0 }, data2: { data: "测试2", ifAdd: 1 }, data3: { data: "测试3", ifAdd: 2 } }, qwerqwre:"0" },
  • Vue点击当前增加class其他删除class

    万次阅读 2018-06-11 15:02:27
    &lt;li v-for="... v-bind:class='{actives:item.id==faceValue}'&gt; {{item.money}}元&lt;br&gt;&lt;span&gt;消耗{{item.integrals}}积分&lt;/span&gt;&lt;/
  • vue-点击添加class 其他标签删除class

    千次阅读 2018-11-15 13:02:24
    class &amp;&amp; style 用法 &lt;div id="app"&gt; &lt;grid :cols="2" style="margin: 0 -1px -1px;"&gt; &lt;grid-item class="reset-p&...
  • vue 点击当前添加class,同级删除class

    千次阅读 2018-04-12 17:26:43
    div class="product" v-for="(goods,index) in goods" :key="goods.id"&gt; &lt;div class="goods" :class="{'active': index == active}" @click="...
  • js 封装获取class  * 1.调整封装  * 2.设置获取innerHTML里面的值  * 3.设置获取CSS样式并且设置  * 4.获取某个元素并设置  * 5.获取某一区域的CSS(这里获取ID的区域)并设置 base.js /*前台...
  • vue--点击添加class 其他标签删除class

    千次阅读 2019-06-02 10:58:20
    1、css代码 .active{ border: solid 1.3px #C82333; background-color:#fff ; } ...li class="floatL" :class="{ active: n==isActive}" v-for="n in 5" v-if="item.combo!==undefined" @...
  • jquery动态添加和删除class属性

    千次阅读 2012-06-13 00:25:21
    在用jquery时,遇到一个问题,就是如何动态得添加和删除class的属性,下面是我的解决代码: 测试 $(document).ready(function(){ $("button").click(function(){ $("p:first").addClass("intro"); $(...
  • 原生js增加或者删除class

    千次阅读 2019-04-08 10:42:43
    1.比较传统的方法 var classVal = document.getElementById("id").getAttribute...//删除的话 classVal = classVal.replace("someClassName",""); document.getElementById("id").setAttribute("class",classVal ); ...
  • //用正则表达式判断多个class之间是否存在真正的class(前后空格的处理) if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)"))) return true; return...
  • 三、删除class 方式一:   $("p").removeClass("selected"); 四、切换Class 方式一:   $("p").toggleClass("selected"); 五、添加Css格式  方式一:  $("p").css({ color: ...
  • js添加和删除class

    千次阅读 2019-08-22 16:52:32
  • Android打包编译时删除class文件

    千次阅读 2018-06-02 10:06:09
    在做Android项目时有的时候要在gradle编译时期需要修改编译产物或者在task之前插入自己的task,有两种方案可以,第一种可以自己写一个... 删除生成的class文件需要对gradled的打包流程有所了解,需要在class到d...
  • 获取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class 取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class...
  •  今天把项目的class全部删除之后,直接点Run,发现项目跑不起来了,打开文件夹发现class并没有重新编译,导致项目无法正常运行,提示类找不到,既然找到问题所在,那就好解决了 二、解决问题  1、Build --- ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,530,376
精华内容 612,150
关键字:

删除class