Как я могу переключить bjavior на CLick. Когда я нажимаю на кнопку, я хочу, чтобы она меняла ее на красный. Когда я нажимаю еще раз, он должен стать синим и так далееПереключить поведение на Click
1
A
ответ
3
использования .toggle
например
$("#inputId").toggle(
function() {
$(this).addClass('someClass');
},
function() {
$(this).addClass('differentClass');
}
);
1
HTML:
<input id="MyButton" type="button" value="Click me" class="Color1" />
JQuery:
0
<!-- To change this template, choose Tools | Templates and open the template in the editor. -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script src="jquery/jquery.js" language="javascript" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("button").click(function() {
$('#blue').toggleClass("red");
});
});
</script>
<style>
div {
margin:3px;
width:50px;
position:absolute;
height:50px;
left:10px;
top:30px;
background-color:yellow;
}
div.blue{ background-color: blue; }
div.red { background-color:red; }
</style>
</head>
<body>
<button>Start</button>
<div id="blue"></div>
</body>
</html>
+0
Почему вы выбираете отдельный div в DOM, а не устанавливаете его на кнопку с помощью 'e.target' или' this'? – StuperUser
Смежные вопросы
- 1. Переключить угловой атрибут на ng-click
- 2. JavaScript - Переключить классы на основе события click
- 3. Переключить стиль CSS на основе ng-click
- 4. Переключить навигационное меню на ng-click
- 5. Переключить изображение src on click
- 6. Переключить jQuery .load с .click
- 7. Переключить другие элементы внутри ng-repeat на ng-click
- 8. Переключить поведение при использовании window.scroll()
- 9. Непоследовательное поведение от .click()?
- 10. jQuery .click нечетное поведение
- 11. Swift: Переключить оператор проваливается поведение
- 12. Как переключить разбиение на страницы jquery datatable на кнопку click?
- 13. JQuery click() странное поведение
- 14. Поведение Bizzare с кнопкой на событии click
- 15. Переключить контент с помощью ng-click
- 16. Переключить событие click to td vs table
- 17. Переключить 3 разных divs с ng-click
- 18. Как переключить методы betwen click и mouseenter?
- 19. Переключить click() с теми же именами классов?
- 20. Непостоянное поведение Click() в Selenium
- 21. Переключить сегменты на кнопку click in ionic v2
- 22. Как переключить класс в угловой js на ng-click
- 23. Как переключить язык формы на кнопку click в VB.NET?
- 24. jQuery .click (foo()) неожиданное поведение
- 25. Knockout.js click binding странное поведение
- 26. javascript: переключить поведение кнопки после нажатия
- 27. Переключить шрифт на значок?
- 28. Переключить CKEditor на элемент
- 29. Переключить видео на клик
- 30. Переключить на скрытый div?
Запятая после второй функции() вызывает синтаксическую ошибку в некоторых браузерах. –
@ Ryan Berger да, это не нравится - исправлено ty – redsquare