$(function()使用案例

$(function()

• $(function(){})不会被覆盖
• $(function(){})类似于原生 js 中的DOMContentLoaded事件，在 DOM 加载完毕后，页面全部内容（如图片等）完全加载完毕前被执行。

看代码

<script src="../js/jquery-1.11.1.js"></script>

<script type="text/javascript">

$(function(){

$("tr:even").css("background","gray");

$("tr:odd").css("background","white");

$("tr").first().css("background","red");

});

</script>

$("tr:even").css("background","gray");

• 要知道$是jQuery这个对象的同义词，即$('tr:even')和jQuery('tr:even')没有区别，但是能少打几个字
• $("tr :even") 表示把表格的所有偶数行作为一个对象
• $("tr :odd") 表示把表格的所有偶数行作为一个对象

要注意，必须加<script src="../js/jquery-1.11.1.js"></script>这句话，不然这个js不成立