Trung tâm cá nhân
sách gpt4 ai đã đi

Tối ưu hóa jQuery

In lại 作者：行者123 更新时间：2023-12-01 06:23:40 28 4
mua khóa gpt4 Nike

这样做有什么区别吗:

$(".topHorzNavLink").click(function() {

    var theHoverContainer = $("#hoverContainer");

    var thisHorzLink = $(this).attr('linkItem');

    if (thisHorzLink == "link2") {
        if ($("#hoverContainer").is(":visible") == true) { 
            $("#hoverContainer").slideUp('slow');
        } khác {                
            $("#hoverContainer").slideDown('slow');
        }
    }

});

或者这个:

$(".topHorzNavLink").click(function() {

    var theHoverContainer = $("#hoverContainer");

    var thisHorzLink = $(this).attr('linkItem');

    if (thisHorzLink == "link2") {
        if (theHoverContainer.is(":visible") == true) { 
            theHoverContainer.slideUp('slow');
        } khác {                
            theHoverContainer.slideDown('slow');
        }
    }

});

1 Câu trả lời

你的第二种方法更高效，因为它只运行一次选择器操作 $("#hoverContainer") 并一遍又一遍地使用相同的 jQuery 对象，而不是运行相同的选择器操作三次每次构造三个新的 jQuery 对象。

为了紧凑和高效，您可以这样做:

$(".topHorzNavLink").click(function() {
    if ($(this).attr('linkItem') == "link2") {
        $("#hoverContainer").slideToggle('slow');
    }
});

或者，如果 linkItem 属性未动态分配/更改，您可以将其烘焙到选择器中，如下所示:

$(".topHorzNavLink[linkItem='link2']").click(function() {
    $("#hoverContainer").slideToggle('slow');
});

关于jQuery 优化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11127113/

28 4 0
Bài viết được đề xuất: perl - 如何使用 bash 或 Perl 重新格式化 mbox 文件中的消息？
Bài viết được đề xuất: java - 如何在 Java 8 桌面应用程序中替换或重新启动死锁的 Swing EventDispatchThread/EventQueue
Bài viết được đề xuất: Oracle 12c 扩展以支持 varchar2 > 4000 字节对不是 sysdba 的用户不起作用
Bài viết được đề xuất: java - 按 Enter 触发 System.in.read() 两次？
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com