目标:JQ查找指定区域(.test)内的某元素(.second)/元素集
html代码:
<h1>JQ查找指定区域(.test)内的某元素(.second)/元素集</h1>
<ul>
<li>要找的不是我</li>
<li>只想查找我!</li>
<li>要找的不是我</li>
</ul>
jq代码:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('input[type="button"]').click(function(){
//1、使用层次选择器
$(".test .second").append('<span style="color:#f00;">(哎呀,我被查找到了!)</span>');
//2、使用查找元素集函数find()
//$(".test").find('.second').append('<span style="color:#f00;">(哎呀,我被查找到了!)</span>');
//3、使用JQ核心函数
//$(".second",$('.test')).append('<span style="color:#f00;">(哎呀,我被查找到了!)</span>');
}).click();//模拟点击事件
})
</script>
查看运行结果:
提示:你可以先修改部分代码再运行。
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}