Simplify JavaScript

Simplify JavaScript

本文关键字：JavaScript Simplify      更新时间：2023-09-26

对于我的站点，我写了一小段JavaScript，当点击按钮时更新浏览器中的一些元素，但这段代码似乎是多余的和低效的。有什么办法能解决这个问题吗?

$(function () {
    $('#switch').click(function () {
        if ($('#header').text() == 'Sign In') {
            $('#header').text('Sign Up');
            $('#switch').text('Sign In');
            $('#submit').text('Sign Up');
            $('#submit').attr('form', 'sign_up');
        } else {
            $('#header').text('Sign In');
            $('#switch').text('Sign Up');
            $('#submit').text('Sign In');
            $('#submit').attr('form', 'sign_in');
        }
    });
});

我可以看到一个小改进:每次使用jQuery对象时不要查询它们。相反，将它们存储在变量中:

var $switch = $('#switch')
var $submit = $('#submit')
etc.

然后使用这些而不是多次查询相同的对象。

$switch.click(function() {
        if ($header.text() == 'Sign In') {
            $header.text('Sign Up');
            $switch.text('Sign In');
            $submit.text('Sign Up');
            etc.
相关文章：