本文提供了两个JQuery应用实例：一是通过JQuery选择器给表格的不同行设置不同的字体大小及背景颜色；二是演示如何在点击事件中利用JQuery选择器选取当前元素内的子元素并修改其样式。
1, Jquery 综合例子 ，给table 设定样式
$(function () {
$("#tbl tr:first").css("fontSize", "30"); //head
// $("#tbl tr:first").next().css("fontSize", "28");
$("#tbl tr:gt(0):lt(3)").css("fontSize", "24"); //头三行大字体显示
$("#tbl tr:gt(0):even").css("background", "silver"); //奇数行颜色
$("#tbl tr:gt(0):odd").css("background", "pink"); //偶数行颜色
$("#tbl tr:last").css("fontSize", "30").css("color", "red"); //汇总 字体颜色
});
2, 对对象内部进行基项选择
$(function(){
$("#div1").click(function(){
$("ul", $(this)).css("background","red"); // 针对第二个对象为基数的相对对象选择
});
});
$(function(){
$("#tbl tr").click(function(){
$("td", $(this)).css("background","red"); //点击每一个行，改变每一个行中的每一个列的背景颜色
});
});
扫一扫
4889
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
