jQuery代码块

1.实现轮播图效果

<script type="text/javascript">
$(function(){
time=setInterval("showAd()",2000);

});
//展示图片的函数
function showAd(){
$("#yu").show(1000);
clearInterval(time)
time=setInterval("hidden()",3000);
}
//隐藏图片的函数
function hidden(){
$("#yu").hide(1000);
clearInterval(time)
}
</script>

2.jQuery转换成js

$(function(){
$("#jq").click(function(){
//$("#span1").html("萌萌哒")
//jQuery可以转换成js
$("#span1").get(0).innerHTML="棒棒哒"
//也可以用数组方式转换
$("#span1")[0].innerHTML="美美哒"
})

});

3.jQuery实现全选全不选

<script>
$(function(){
$("#select").click(function(){
$(".selectOne").attr("checked",this.checked);
})
})
</script>

4.jQuery实现隔行换色

<script>
$(function(){
//$("tbody tr:even").css("background-color","red");
//$("tbody tr:odd").css("background-color","yellow");
//一般在工作中css都是美工写好了，直接添加就好
$("tbody tr:odd").addClass("odd");
$("tbody tr:even").addClass("even");
})
</script>