find()

findはタグの中にあるタグを選択する時に使います。

言葉に難しいんでソースで見て見ましょう。

HTML

<div class="hello">
	<p>php</p>
	<b>html5</b>
	<h4>css3</h4>
</div>

上のソースを見るとクラスhelloの中にp,b,h4タグがあります。

ではfind()を利用しh4タグを洗濯してみます。

そしてからh4タグだけ赤いborderラインを書きます。

jQuery

var hello = $('.hello');
var h4 = hello.find('h4');
h4.css('border',1px solid red');

結果

php

html5

css3

上の結果を見るとh4タグなCSS3だけ赤いboderラインがあります、

ソース

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>COREASUR :: jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.0.min.js" ></script>
<script>
$(function(){
    var hello = $('.hello');
    var h4 = hello.find('h4');
    h4.css('border','1px solid red');
});
</script>
<style>
</style>
</head>
<body>
    <div class="hello">
    <p>php</p>
    <b>html5</b>
    <h4>css3</h4>
</div>
</body>
</html>

結果

jQuery find