find的功能是:搜索find后面的元素,来执行指定操作。
例如
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<p><span>Hello</span>, how are you?</p>
<p>Me? I'm <span>good</span>.</p>
<script>
$("p").find("span").css('color','red');
</script>
</body>
</html>
结果为
解析
$("p").find("span").css('color','red');
首先选中了p标签,将范围缩小至所有的p标签,然后开始find,找到p标签下所有的span块,例子中为“Hello”和“good”
并将颜色改成红色,所以结果如图
拓广
$("p") 可以 改成任何选择器 ,如常见的ID选择器$("#pageSizeSelect")这种
find("span") 可以 改成 find("option:selected"),来指定下拉框中的已选择的那条
css('color','red') 可以改成赋值val()等其他操作