Question

jQuery是怎样监听到事件的？

<select id="choice" onchange="test()">
<optionvalue="">select</option>
<optionvalue="good">Good Guys</option>
<optionvalue="bad">Bad Guys</option>
</select>

<script type="text/javascript">
$('select').change(function (){
alert('test1');
});
function test() {
alert('test');
}
</script>

比如说：用JavaScript来做的话，需要在控件上写上onchange事件，由用户点击select控件，由html触发js，这好理解；可是用jQuery来做的话，是怎样执行的change事件呢，是怎样触发的jQuery呢？
如上：js先执行，jQuery后执行，这是怎么回事呢？

Answer 1

1，首先JQuery的执行时间，是在文档的DOM加载完成后执行。
2，jquery把事件和DOM绑定。然后当有事件发生的时候，就会调用合适的处理函数。
3，如果你真的想了解浏览器问什么执行这些时间的话，你可以去试着去了解W3CDOM标准。

Answer 2

给你举个例子
文档必须先引用jquery包
<script>
$(document).ready(function(){
$("#click").click(function(){
alert("你点击了click")
})
})
</script>

<div id=click>
click
</div>

用户点击id为click的容器，触发事件，弹出“你点击了click”

追问

“用户点击id为click的容器，触发事件”，你那只是个id，你怎么能告知jQuery呢，浏览器怎么知道执行相应的jQuery代码呢？

追答

$("#click").click(function(){
#click表示查找id为click的容器，不管这个容器是div或者span或者html的其他任何元素，只要id为click的都会被查出来，然后执行点击事件，如果执行鼠标经过事件那么就应该修改为
$("#click").hover(function(){

明白？