onclick几种写法的优劣势？

[Narcist]

<script type="text/javascript" src="assets/js/jquery-1.8.2.min.js"></script>
<div onclick="return test();">
click one
</div>
<br>
<div id="div_two">
click two
</div>
<br>
<div id="div_three">
click three
</div>
<br>
<div id="test"></div>
<script>
var Obj = {};
Obj.clickthree = function(){
$("#test").html('test_three');
};
function test(){
$("#test").html('test_one');
}
$("#div_two").on({
click:function(){
$("#test").html('test_two');
}
})
$("#div_three").on({
click:function(){
Obj.clickthree();
}
})
</script>


这几种写法有什么优劣势？

[业余草]

<script type="text/javascript" src="assets/js/jquery-1.8.2.min.js"></script>
<div onclick="return test();">
    click one
</div>
<br>
<div id="div_two">
    click two
</div>
<br>
<div id="div_three">
    click three
</div>
<br>
<div id="test"></div>
<script>
    var Obj = {};
    Obj.clickthree = function(){
        $("#test").html('test_three');
    };
    function test(){
        $("#test").html('test_one');
    }
    $("#div_two").on({
        click:function(){
            $("#test").html('test_two');
        }
    })
    $("#div_three").on({
        click:function(){
            Obj.clickthree();
        }
    })
</script>

[业余草]

效果是一样的！ jquery中可以使用的绑定方法on，live，bind 效果都差不多

[香蕉猪]

听说原生js效率会更高。。。jq的写法上，，，都差不多吧？？？每个不同的jq版本都有它提倡的写法，提倡的或许就是最好的？？？

[Narcist]

引用 2 楼 xmt1139057136 的回复:

效果是一样的！ jquery中可以使用的绑定方法on，live，bind 效果都差不多

恩，我知道他们实现的效果都是一样的，或者换个方式来问，你们会倾向于哪种写法？理由是什么

[业余草]