JQuery是一個廣泛使用的JavaScript庫,它擁有便捷的DOM操作和簡潔的語法,讓我們可以輕松編寫出優秀的網頁效果。JQuery中的'class'、'tr'和'td'是JQuery最常用的選擇器,它們可以在HTML文檔中選擇不同的DOM元素,實現網頁的動態效果。
//選取類名為info的元素,綁定click事件 $('.info').click(function(){ $(this).html('您點擊了' + $(this).html()); }); //選取表格中的每一行,添加特殊樣式 $('tr').each(function(index){ if(index % 2 == 1){ $(this).addClass('odd'); } }); //選取表格中最后一行,為其增加底色紅色的效果 $('table tr:last-child').css({'background-color':'red'}).find('td').css({'color':'white'});
'class'選擇器可以選中頁面中任何帶有該類名的元素,'tr'選擇器可以選中任何HTML表格中的行,'td'選擇器可以選中表格中的單元格。以上代碼展示了如何使用這些選擇器,實現不同的效果。