验证中...
8月18日(周六)成都源创会火热报名中,四位一线行业大牛与你面对面,探讨区块链技术热潮下的冷思考。
Jquery 只给点击的元素加个class
原始数据 复制代码
比如点击a 只给a加个class,如果点击另外一个a删除之前那个a的class
//初始化增加点击事件
a在同级可这样
$('#wrapper-250 a').bind('click', function(){
$(this).addClass('class').siblings().removeClass('class');
});
不在同级:
$('a').bind('click', function(){
$('a').removeClass('class');
$(this).addClass('class');
});
$("a").click(function(){
$("a").attr("class", "");
$(this).attr("class", "XXXX");
});
原理就是点击某个<a>,先消除所有<a>的class,然后给当前的<a>添加class="XXXX"。这个写法最快捷。
$("a").click(function(){
if(lastclick) lastclick.attr("class", "");
$(this).attr("class", "XXXX");
lastclick = $(this);
});
这个的原理是点击一个<a>,把当前的对象赋给lastclick,下次点击的时候则先消除lastclick的class
你还有可以在此基础上添加一些额外的东西,比如将<a>的选择器加上其他更具体的限定,区别于其他不需要操作的<a>。还有就是你可以是消除所有<a>的class,也可以是将所有<a>的class改为普通等。
$("a").on("click", function(){
$("a").removeClass("XXXX");
$(this).addClass("XXXX");
});

评论列表( 0 )

你可以在登录后,发表评论