js给元素添加class样式

图中，左侧和右侧都需要添加不同的class类样式

结构：

<div class="left"><div class="img_bg leftOne" @click="clickLeft('企业文化')">企业文化</div><div class="img_bg leftTwo" @click="clickLeft('公司目标')">公司目标</div><div class="img_bg leftThree" @click="clickLeft('公司战略')">公司战略</div><div class="img_bg leftFour" @click="clickLeft('公司宗旨')">公司宗旨</div></div><div class="right"><div class="img_bg rightOne" @click="clickLeft('公司使命')">公司使命</div><div class="img_bg rightTwo" @click="clickLeft('核心价值观')">核心价值观</div><div class="img_bg rightThree" @click="clickLeft('企业精神')">企业精神</div><div class="img_bg rightFour" @click="clickLeft('品牌口号')">品牌口号</div></div>

js：

  clickLeft(val){//动态添加样式//添加左侧激活的样式 $('.left div').click(function(){$(this).addClass('is_active_left').siblings().removeClass('is_active_left');//删除右侧列表激活的样式$('.right div').each(function(index,item){var $this = $(item);$this.removeClass('is_active_right');})})$('.right div').click(function(){$(this).addClass('is_active_right').siblings().removeClass('is_active_right');$('.left div').each(function(index,item){var $this = $(item);$this.removeClass('is_active_left');})})}

js给元素添加class样式相关推荐

html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
js修改元素的keyframes样式
demo效果: 通过js修改元素的keyframes样式的使用场景非常少, 一般用于元素的动画末节点不固定且动画复杂(比如分为多段不同效果的动画); 记录一下方法, 权当保存一种思路. demo调用: ...
给html元素追加style,JS给元素添加样式的2种方法
在jquery中,可以使用addClass()方法或css()方法来添加css样式. 1.使用addClass() 方法添加css样式 addClass()方法向被选元素添加一个或多个类.该方法不会移 ...
js中给html元素追加属性,JS为元素添加自定义属性
JS 除了可以操作 HTML 元素现有的属性外,还可以对 HTML 元素自定义属性以及对这些自定义的属性进行读.写操作.JS 可以为任何 HTML 元素自定义任意的属性(属性名必须符合标识符规范). ...
js 给元素添加自定义属性
给元素添加自定义属性 obj.setAttribute('attr_name','attr_value'); //例如obj.setAttribute('class','snow-container' ...
如何在React JS组件和React JS App中添加CSS样式？
In this tutorial, we will only work with CSS styles. Please ensure you have basic knowledge of HTML, ...
js 关于动态添加class样式的学习
如果,我这里有一个需求.如下的页面代码 <body> <input type="button" value="红" id="btn1 ...
原生js获取元素并设置样式
下面我是通过class获取元素 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
html怎么添加class属性值,原生JS给元素添加class属性(转QiaoZhi)
有下面这三种简单语句. document.getElementsByTagName('body')[0].className = 'snow-container'; //设置为新的 document. ...

js给元素添加class样式

js给元素添加class样式相关推荐

最新文章

热门文章