Question

我有两个不同类的变量。我想为两个类分配单个变量。例如，应该使用单个变量（例如singup）访问“signup”和“join”类。

<head>
<script>

    var signup = $("signup");
    var join = $("join");
    signup.on("click",function(){

        alert("Signup");

    })
    join.on("click",function(){

        alert("Signup");

    })

</script>
</head>

<body>

    <div class="signup">Signup</div>
    <div class="join">Join Now</div>

</body>

Answer 1

您可以使用multiple selector

var signup = $(".signup, .join");

Answer 2

选择元素的正确方法是使用class selector。即：

$(".signup")

正如Arun所说，你可以使用多重选择器，但将这些元素分配给变量确实没什么意义。

您的代码可以像这样重写：

$(".signup, .join").click(function() {
    alert("Signup"); 
});

继续练习 - ！在浏览器的javascript控制台中玩游戏 - 并注意错误日志 - ！

Answer 3

由于您使用$('join')而不是$('.join')，因此无法访问它。无论如何，你可以这样做。

1）丑陋的方法

var elements = [];

elements.push( $('.join')[0] );
elements.push( $('.signup')[0] );

iterate using .each function
$(elements).each(function() {
    $(this).on('click', function() {
        alert('Signup');
    });
});

2）为函数

提供参考

var signupClick = function() {
     alert('Signup');
});
$('.join').on('click', signupClick);
$('.signup').on('click', signupClick);

3）逗号分隔

$('.join, .signup').on('click', function() {
        alert('Signup');
});

4）添加一些课程（首选）

<div class="signup button">Signup</div>
<div class="join button">Join Now</div>

然后你可以这样做。

$('.button').on('click', function() { alert('Signup'); });

jquery单个var用于两个id

3 个答案: