Javascript jQuery快捷方式/切换类的技术

在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");
     });

我习惯于这样编码……但我想知道是否有很多有效、可读、酷的编写方法……比如切换、链接……我不知道的最佳实践^^

我很感谢你分享它^^

你应该使用这个方法

---

而不是

$（“#搜索日期”）.addClass（“隐藏”）

，您可能想使用

$（“#搜索日期”）。hide（）

我故意创建了用于拆分的变量，因为我发现这一个很难阅读…但感谢您的输入！我很感激^^

$("input[id^=date_filter-]").click(function(e) {
     $("#search_dates").toggleClass("hidden");
 });

$("input[id^=date_filter-]").click(function(e) {
        if($(this).attr("id").split("-")[1] == "enable")  
         $("#search_dates").removeClass("hidden");
        else
         $("#search_dates").addClass("hidden");
     });