Я хочу изменить значение кнопки с эффектом затухания при нажатии на нее. Мой код:

HTML:

<button> some value </button> 

Сценарий :

$(document).ready(function(){  
    $("#btn_1").click(function (){  
        $(this).prop('value', "new value!"); // line1   
    });   
});

Из другого ответа stackoverflow я обнаружил, что если я заменю line1 на $(this).find('span').html('Collapse').hide().fadeIn('slow'); и измените HTML-часть на <button> <span> some value </span> </button>, это работает. Однако есть ли способ добиться эффекта перехода с помощью jquery без использования тегов span?

1
Aayush Karki 28 Май 2017 в 08:02

2 ответа

Лучший ответ

Вы хотите что-то подобное?

Просто используйте $(this).text('new value!').hide().fadeIn('slow');

$(document).ready(function() {
  $("#btn_1").click(function() {
    $(this).text('new value!').hide().fadeIn('slow');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn_1"> some value </button>
0
Dalin Huang 28 Май 2017 в 05:19

Вы можете установить свойство текста кнопки. и вы можете исчезать и исчезать

$(document).ready(function(){  
    $("#btn_1").click(function (){  
        
           $(this).text("You Clicked").fadeOut().fadeIn();
           
          
    });   
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn_1">Click HERE</button>
0
Dinesh undefined 28 Май 2017 в 05:20