mbmc.net
当前位置:首页 >> jquEry 点击事件点击元素添加和移除ClAss >>

jquEry 点击事件点击元素添加和移除ClAss

$(function(){$(".swiper-wrapper div").click(function(){$(this).addClass("active");$(this).siblings().removeClass("active");});});

一共三步,具体如下: 1、HTML结构:设计三个li元素、 Glen、Tane

一共三步,具体如下: 1、HTML结构:设计三个li元素、 Glen、Tane

$('#div').on('click',function(){ $(this).addClass('className')});

思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。 具体演示如下: 1、HTML结构:设计三个li元素 Glen Tane John 2、css样式:设计一个类selected,表示选中...

toggleClass方法可以实现对某一class进行添加、删除操作。 示例: $('#test').toggleClass('className');上面的代码将会依次为id为test的元素添加/删除名为className的class,如果test元素存在className,则删除className,如果不存在则添加clas...

a在同级可这样$('#wrapper-250 a').bind('click', function(){ $(this).addClass('class').siblings().removeClass('class');});不在同级:$('a').bind('click', function(){ $('a').removeClass('class'); $(this).addClass('class');});

你在添加更多一行的时候所产生的 input 和 button 都是动态生成的,所以不能使用 click,要使用 live (jquery 1.7.2 之后的版本不建议使用 live) 或 on 把 $(".submitBtn").click(function(){ 改为 $(".submitBtn").live('click', function(){ ...

.add{ color:#ff0} 1 2 3 $(document).ready(function() { $("div ul li").click(function(){ $(this).addClass("add").siblings().removeClass("add"); }); });

通过event $('#btn').click(function(event){ event = event || window.event; var target = event.srcElement || event.target;// target就是你点击的元素 $(target).addClass('clickstyle');//增加样式});

网站首页 | 网站地图
All rights reserved Powered by www.mbmc.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com