我是新手,遇到了一点jquery的问题希望大家帮忙解答一下

2025-05-20 02:05:26
推荐回答(3个)
回答1:


$(
function () {
$('.open').click(
function() {
$('.div1').show();
$('#name').attr('class', 'close');
$('#name').val('关闭');
$('#name').removeClass("open");
})
})
$(
function () {
$('.close').click(
function() {
$('.div1').hide();
$('#name').attr('class', 'open')
$('#name').val('打开');
})
})

改为:


$(function () {
   $('#name').click(function() {
      $(".div1").toggle(function(){
         $('#name').val($(this).css("display")=="none"?"打开":"关闭");
      });
   })
})

回答2:

//你的写法有问题 下面的函数永远不会触发的
$(function () {
    $('.open').click(function() {
        console.log("打开");
        //连续点击按钮 你会发现触发的一直是这个函数
        $('.div1').show();
        $('#name').attr('class', 'close');
        $('#name').val('关闭');
        $('#name').removeClass("open");
    })
});
$(function () {
    $('.close').click(function() {
        console.log("关闭");
        $('.div1').hide();
        $('#name').attr('class', 'open');
        $('#name').val('打开');
    })
});

你用这个代码试试

$(function () {
    $("#name").on("click",function () {
        if($(this).hasClass("open")){
            $('.div1').show();
            $(this).val('关闭');
            $(this).addClass("close").removeClass("open");
        }else {
            $('.div1').hide();
            $(this).val('打开');
            $(this).addClass("open").removeClass("close");
        }
    })
})

回答3:

这个好专业~~~~~