index.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>JQ</title>
</head>
<body>
<div>
<p>1</p>
<p class="www">2</p>
<p class="www">3</p>
<p class="www">4</p>
<p class="www">5</p>
<p class="www">6 <b>times</b></p>
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
</div>
<script src="jquery-3.2.1.js"></script>
<script>
// Псевдоклассы в JQ.
// $('p:first-child').html('!');
// Найдем все абзацы с классом www и в первый абзац запишем !
// $('p.www:first').html('!'); // это псевдокласс от JQ.
// $('p.www:eq(0)').html('!'); // jQuery( ":eq(index)" ) - index: индекс элемента, начиная с 0.
// $('p:has(b)').html('!'); // ищет все абзацы с b и ставит туда !
$(':header').html('!'); // ищет все заголовки
</script>
</body>
</html>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>JQ</title>
</head>
<body>
<div>
<p>1</p>
<p class="www">2</p>
<p class="www">3</p>
<p class="www">4</p>
<p class="www">5</p>
<p class="www">6 <b>times</b></p>
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
</div>
<script src="jquery-3.2.1.js"></script>
<script>
// Псевдоклассы в JQ.
// $('p:first-child').html('!');
// Найдем все абзацы с классом www и в первый абзац запишем !
// $('p.www:first').html('!'); // это псевдокласс от JQ.
// $('p.www:eq(0)').html('!'); // jQuery( ":eq(index)" ) - index: индекс элемента, начиная с 0.
// $('p:has(b)').html('!'); // ищет все абзацы с b и ставит туда !
$(':header').html('!'); // ищет все заголовки
</script>
</body>
</html>
Комментариев нет:
Отправить комментарий