前面的章节中我们用$()函数时只用到了一个参数,其实它还有第二个参数,第二个参数是jquery对象参数,用于标明要产生事件的元素。
如下图:当点击table1中的tr时会产生一个click事件,会把所对应的td显示为红色. this代表当前的元素,相当于dom中的event.srcElement.
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="JScript/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#table1 tr").click(function () { //为每个table中的行注册点击事件 $("td", $(this)).css("background", "red"); //让此行中的td显示成红色,注意第二个参数 }); }); </script> </head> <body> <table id="table1" border="1" cellspacing="0" cellpadding="0" width="10%"> <tr> <td>aa</td> <td>aa</td> </tr> <tr> <td>bb</td> <td>bb</td> </tr> <tr> <td>cc</td> <td>cc</td> </tr> <tr> <td>dd</td> <td>dd</td> </tr> </table> </body> </html>
$("body *") 代表body中任意的元素。