jQuery: удалить стиль, добавленный с помощью функции .css ()
JQuery Практическое упражнение. Часть I: Упражнение 19
Удалить стиль, добавленный с помощью функции .css (), используя jQuery.
Пример решения:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Check if internet connection is working</title>
</head>
<body>
<h1 id="MyInput">jQuery Exercises</h1>
<input type="button" value="Remove border style" onClick="remove_style()" />
</body>
</html>
Код CSS:
body { font-family: sans-serif; }
h1 {
margin: 10px 0;
padding: 0 5px;
font-size: 2em;
border: 2px double green;
}
Код JavaScript:
function remove_style() {
$("#MyInput").css("border", "0");
}
См. Pen jquery- Practical -упражнение-19 от w3resource ( @ w3resource ) на CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущий: Удалить все классы CSS, используя jQuery.
Далее: Различайте щелчок левой и правой кнопкой мыши с помощью jQuery.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code