jquery针对两个id的单个var

jquery single var for two ids

本文关键字：id 两个 单个 var jquery      更新时间：2023-09-26

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

<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>

您可以使用多选择器

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

选择元素的正确方法是使用类选择器。即：

$(".signup")

正如Arun所指出的，您可以使用多重选择器，但将这些元素分配给变量实际上没有多大意义。

你的代码可以这样重写：

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

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

您无法访问它，因为您使用的是$('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'); });
相关文章：