点击选中该元素，改变当前点击元素的样式，其他元素样式不变

js方法
1.给元素添加点击事件并传参。

 onclick = "clickItem( this )"

2.在事件中获取到该item，给item添加css类，

item.classList = "topactive"

此时会发现点击即会给该item添加css.

3.我们想要的是只给当前点击的item 添加css(即只有一个选中的)，那么我们就要循环所有item 把样式去掉给当前点击的添加css.
代码如下：

function clickItem(item) {var topList = document.querySelectorAll(".main ul>li")for (var i = 0; i < topList.length; i++) {topList[i].classList = ''}item.classList = "topactive"
}

效果如下：

具体代码如下：

jq方法

1.循环所有item，并给每个item添加点击事件
2.当item点击的时候，给item添加css,并把所有兄弟元素的css移除（效果是一样的）

$(this).addClass('topactive').siblings().removeClass('topactive')

具体代码如下：

点击选中该元素，改变当前点击元素的样式，其他元素样式不变相关推荐

Html table 页实现点击选中tr行改变背景颜色
Html table 页实现点击选中tr行改变背景颜色 table 表格展示数据时没有选中的效果,如果对展示数据做了一些操作会导致不太容易分辨,所以选中效果就很重要,而这个事件需要作用于整个 ...
flex 点击空格键会有以前点击过的事件的保留
点击了一个按钮那个就会有焦点. flex的空格键是默认触发有焦点的按钮的点击事件的. 所以你要在那里按钮事件里面写一个this.setFocus()让焦点消失,就可以去除空格键点击的效果了.
vue中echarts的点击事件,给当前点击的柱状图修改背景色
最近项目中需要使用到echarts,需要实现点击柱状图时,修改当前点击的柱状图背景色,且没有阴影背景的效果 (如下图) 这样的话,需要给eharts添加click点击事件,直接贴代码: html: & ...
css选中后的背景,css怎么实现鼠标选中文字后改变背景色
css中可以使用"::selection"选择器来实现鼠标选中文字后改变背景色效果,只需给文字元素E添加"E::selection{background: 背景色值;}& ...
如何获取当前点击元素的某个子元素
<div onclick="javascript:sqhys(event)"><div id="demochild"></div& ...
vue如何输出一个值_如何利用vue获取当前点击的元素并传值（图文教程） -
thinkphp开发的一个项目,登录成功后又跳转到登录页面,在提交信息后输出session都是正常的,没有问题,但是页面跳转后,session出现丢失现象,无法正常完成登陆.通过查找资料,发现原来是b ...
Vue中获取当前点击元素的父元素、子元素、兄弟元素
Vue如何获取当前点击元素? 获取父元素.子元素.兄弟元素呢? 通过帮定点击事件: 例如: <button class="shanchu" @click="shan ...
JointJS点击选中元素高亮显示
使用 JointJs 时,当我们点击了选中的元素时,如果我们需要对点击元素高亮显示,点击空白处取消高亮显示的话,可以继续往下看代码实现. 官方文档相关部分: highlighters events 主 ...
VUE获取当前点击元素
获取: @click='fn($event)' 使用: fn (event) { console.log(event.currentTarget); // event.currentTarget获取当 ...

点击选中该元素，改变当前点击元素的样式，其他元素样式不变

js方法
1.给元素添加点击事件并传参。

2.在事件中获取到该item，给item添加css类，

此时会发现点击即会给该item添加css.

3.我们想要的是只给当前点击的item 添加css(即只有一个选中的)，那么我们就要循环所有item 把样式去掉给当前点击的添加css.
代码如下：

效果如下：

具体代码如下：

jq方法

1.循环所有item，并给每个item添加点击事件
2.当item点击的时候，给item添加css,并把所有兄弟元素的css移除（效果是一样的）

具体代码如下：

点击选中该元素，改变当前点击元素的样式，其他元素样式不变相关推荐

最新文章

热门文章

点击 选中该元素， 改变当前点击元素的样式，其他元素样式不变

js方法 1.给元素添加点击事件 并传参。

2.在事件中获取到该item，给item添加css类 ，

此时会发现点击即会给该item添加css. 3.我们想要的是只给当前点击的item 添加css(即只有一个选中的)，那么我们就要循环所有item 把样式去掉 给当前点击的添加css. 代码如下：

效果如下： 具体代码如下：

jq方法

1.循环所有item，并给每个item添加点击事件 2.当item点击的时候，给item添加css,并把所有兄弟元素的css移除 （效果是一样的）

具体代码如下：

点击 选中该元素， 改变当前点击元素的样式，其他元素样式不变相关推荐

最新文章

热门文章

点击选中该元素，改变当前点击元素的样式，其他元素样式不变

js方法
1.给元素添加点击事件并传参。

2.在事件中获取到该item，给item添加css类，

此时会发现点击即会给该item添加css.

3.我们想要的是只给当前点击的item 添加css(即只有一个选中的)，那么我们就要循环所有item 把样式去掉给当前点击的添加css.
代码如下：

效果如下：

具体代码如下：

1.循环所有item，并给每个item添加点击事件
2.当item点击的时候，给item添加css,并把所有兄弟元素的css移除（效果是一样的）

点击选中该元素，改变当前点击元素的样式，其他元素样式不变相关推荐