Html
прячем за 4 секунды все элементы <p>
<html>
<!-- заголовок -->
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<!-- страница -->
<body>
<!-- подключаем библиотеку jQuery -->
<script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>
<!-- html элементы -->
<p style='color:green; font-size:26px;'>Hello!</p>
<p style='color:orange; font-size:26px;'>World</p>
<!-- страница открылась -->
<script>
$( document ).ready(function()
{
// прячем все элементы p за 4 секунды
$("p").hide(4000);
});
</script>
</body>
</html>
Html
ссылка не открывается при нажатии на элемент <a>
<html>
<!-- заголовок -->
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<!-- страница -->
<body>
<!-- подключаем библиотеку jQuery -->
<script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>
<!-- html элементы -->
<a href="https://dir.by">My link!</a>
<a href="https://yandex.ru">Super!</a>
<!-- страница открылась -->
<script>
$( document ).ready(function()
{
// Пишем свой обработчик нажатия на ссылку
$("a").click( function(event)
{
// видим сообщение "Hello"
alert("Hello");
// удаляем стандартный обработчик открытия ссылки (то есть ссылка не открывается)
event.preventDefault();
});
});
</script>
</body>
</html>
Html
устанавливаем название "book!!!!!" для элементов <input> с классом mySuper
<html>
<!-- заголовок -->
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<!-- страница -->
<body>
<!-- подключаем библиотеку jQuery -->
<script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>
<!-- html элементы -->
<input type="button" value="Hello" class='mySuper'>
<input type="button" value="World">
<input type="button" value="Good" class='mySuper'>
<!-- страница открылась -->
<script>
$( document ).ready(function()
{
// устанавливаем название "book!!!!!" для элементов <input> с классом mySuper
$("input.mySuper").val("book!!!!!");
});
</script>
</body>
</html>
Html
к ссылке добавляем класс
<html>
<!-- заголовок -->
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<!-- страница -->
<body>
<!-- подключаем библиотеку jQuery -->
<script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>
<!-- стиль -->
<style>
.my1 {font-weight:bold; color:green;}
</style>
<!-- ссылка -->
<a href='https://dir.by'>Hello!</a>
<!-- страница открылась -->
<script>
$( document ).ready(function()
{
// к ссылке добавляем класс "my1"
$("a").addClass("my1");
});
</script>
</body>
</html>
Афишу
Ваши Отзывы ... комментарии ...