在 jQuery 中,cursor 屬性可用于改變鼠標指針在某個 HTML 元素上的樣式。該屬性支持很多不同的值,如下:
// 設置鼠標指針為默認樣式 $('selector').css('cursor', 'auto'); // 設置鼠標指針為箭頭樣式 $('selector').css('cursor', 'pointer'); // 設置鼠標指針為等待樣式(通常用于異步加載) $('selector').css('cursor', 'wait'); // 設置鼠標指針為手形樣式 $('selector').css('cursor', 'hand'); // 設置鼠標指針為文本樣式 $('selector').css('cursor', 'text');
如果要在 CSS 樣式表中設置鼠標指針樣式,也可以使用cursor
屬性。
/* 設置鼠標指針為默認樣式 */ #selector { cursor: auto; } /* 設置鼠標指針為手形樣式 */ #selector { cursor: pointer; }
如果要在多個元素上設置相同的鼠標指針樣式,可以使用add
方法,如下:
// 設置鼠標指針為等待樣式(通常用于異步加載) $('selector1').add('selector2').add('selector3').css('cursor', 'wait');
除了上述常見的鼠標指針樣式之外,cursor
屬性還支持其他多種樣式,包括自定義圖片等。您可以在必要時自行查閱相關文檔。