<div class="box">
<div class="content target-1">
<h2 class="selected">.find() 的效果</h2>
<h3>使用方式</h3>
<ul>
<li class="selected">取得 class 有 "target-1" 的元素再向下匹配所有 class 有 "selected" 的元素</li>
<li class="selected">設定匹配元素的文字顏色</li>
<li>如果元素的 class 沒有 "selected" 就無法設定文字顏色</li>
</ul>
</div>
<div class="field is-grouped">
<button class="button is-link example-1">使用方式</button>
<button class="button reset">reset</button>
</div>
</div>
// 使用方式一
$('.example-1').on('click', function() {
$('.target-1').find('.selected').css('color', 'DodgerBlue');
});
// reset
$('.reset').on('click', function() {
$('*').css('color', '');
});