1. 程式人生 > >JavaWeb04-HTML篇筆記(三)

JavaWeb04-HTML篇筆記(三)

Java

1.1 案例二:表格隔行換色的案例:1.1.1 需求:
對數據的表格進行隔行換色的顯示效果,使用JQuery完成該效果.
技術分享圖片
1.1.2 分析:1.1.2.1 技術分析:
【JQuery的選擇器】

  • 基本過濾選擇器:
    • odd :
    • even :
      【JQuery中添加和移除樣式】
  • 如果樣式沒有事先定義,可以使用css方法為奇數行或者偶數行設置背景顏色.
  • 如果已經在css文件中事先將樣式定義完成了,不能使用css方法了.使用JQ中的CSS類中的方法:
    • addClass();
    • removeClass();
      1.1.2.2 步驟分析:
      【步驟一】:引入jquery的js
      【步驟二】:在頁面加載的函數中,選擇奇數行,添加樣式
      【步驟三】:在頁面加載的函數中,選擇偶數行,添加樣式
      1.1.3 代碼實現:
<script>
$(function(){
/*$("tr:odd").addClass("odd");
$("tr:even").addClass("even");*/
$("tbody tr:odd").addClass("odd");
$("tbody tr:even").addClass("even");
});
</script>

JavaWeb04-HTML篇筆記(三)