在jQuery中,还有另一种方法可以写这个吗?
版本1
$("#date_filter-enable").click(function() {
$("#search_dates").removeClass("hidden");
});
$("#date_filter-disable").click(function() {
$("#search_dates").addClass("hidden");
});
版本2
$("input[id^=date_filter-]").click(function(e) {
var clicked = $(e.target);
var id = clicked.attr("id").split("-");
var action = id[1];
if(action == "enable")
$("#search_dates").removeClass("hidden");
else
$("#search_dates").addClass("hidden");
});
我习惯这样编码…但我想知道是否有很多有效,可读,酷的写作方式……比如切换,链接……最好的做法我不知道^^
感谢您分享! ^^
最佳答案
您应该使用
原文链接:https://www.f2er.com/jquery/427897.htmltoggleClass
方法.
$("input[id^=date_filter-]").click(function(e) {
$("#search_dates").toggleClass("hidden");
});