在網頁開發中,
jQuery是很實用的JavaScript庫之一。它提供了許多現成的函數,可以方便地處理各種任務,包括讓鏈接變灰色。
下面是一個簡單的例子,演示如何使用
jQuery讓標簽變灰色:
// 首先需要等待文檔加載完畢 $(document).ready(function() { // 給所有鏈接綁定事件 $('a').hover(function() { // 鼠標移入時將鏈接顏色改為灰色 $(this).css('color', 'gray'); }, function() { // 鼠標移出時將鏈接顏色恢復為原來的顏色 $(this).css('color', ''); }); });
這段代碼很簡單,首先等待文檔加載完成后執行一個回調函數。這個回調函數通過
$('a')選擇所有的標簽,然后用
.hover()函數給它們綁定鼠標移入和移出事件。當鼠標移入時,使用
$(this).css('color', 'gray')將鏈接的顏色改為灰色;當鼠標移出時,使用
$(this).css('color', '')將鏈接的顏色恢復為原來的顏色。
上一篇div css模塊