最初の子呼び出しは、フォームの直接の子のIDであるulのid:"mainId"にアラートを送信します。私が理解している限り、これは子の予想される動作ですが、2番目の呼び出しは、フォームの直接の子ではない両方のチェックボックスの変更イベントをサブスクライブします。どうして?
<!DOCTYPE html>
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js'></script>
<script>
$(function()
{
$('.triggers').children().each(function(){
alert($(this).attr("id"));
});
$(".triggers").children().change(function(e){
alert(e.target.name)
});
})
</script>
</head>
<body>
<form class="triggers" action="/askOrtal">
<ul id="mainId">
<li><input type="checkbox" name="theCheckbox1"></li>
<li><input type="checkbox" name="theCheckbox2"></li>
<li><input type="submit" value="ClickMe"></li>
<ul>
</form>
</body>
</html>