将值传递给Jquery函数

Passing values to Jquery Function

本文关键字:Jquery 函数 值传      更新时间:2023-09-26

这是我的代码,

$(document).ready(function(){
//if(event.type == 'mouseenter') { 
$(".big2box").mouseover(function() {

    var val1='.big2box';
    var val2='.small2box';
});
$(".big0box").mouseover(function() {

    var val1='.big0box';
    var val2='.small0box';
});
     $(val1 +","+ val2).hover(function(){
     alert(val1+val2)
     });`

现在,如果用户将鼠标悬停在specific div上,我将尝试传递val1,val2的特定值`

我知道我们可以通过传递函数来做到这一点,但不确定它在jquery.有人能帮我解决这个问题吗。?

我想你需要这样的东西:

$(document).ready(function(){
var val1 = null;
var val2 = null;
$(".big2box").mouseover(function() {
    if (val1 != null && val2 != null){
        $(val1 +","+ val2).off("hover");
    }
    val1='.big2box';
    val2='.small2box';
    $(val1 +","+ val2).on("hover",function(){
       alert(val1+val2)
    });
});
$(".big0box").mouseover(function() {
    if (val1 != null && val2 != null){
        $(val1 +","+ val2).off("hover");
    }
    val1='.big0box';
    val2='.small0box';
    $(val1 +","+ val2).on("hover",function(){
       alert(val1+val2)
    });
});

另一种方式:

$(document).ready(function(){
//if(event.type == 'mouseenter') { 
var val1= null;
var val2= null;
$(".big2box").mouseover(function() {
val1='big2box';
val2='small2box';
});
$(".big0box").mouseover(function() {
val1='big0box';
val2='small0box';
});
     $(".big2box,.small2box,.big0box,.small0box").hover(function(){
         if ($(this).hasClass(val1) || $(this).hasClass(val2)){
            alert(val1+val2);
         }
     });