jQuery中的aria-expanded屬性是一個用于指定元素是否展開的屬性,可以用于輔助技術中,例如屏幕閱讀器可以根據該屬性來讀取展開狀態,提高用戶的可訪問性。
要使用此屬性,需要將其值設置為布爾類型true或false,表示元素是否展開。可以使用jQuery的attr()方法來設置此屬性,示例代碼如下:
$('.expand-btn').click(function() { $(this).attr('aria-expanded', function(index, attr) { return attr == 'true' ? 'false' : 'true'; }); // 進行展開/收起的操作實現 });
上面代碼中,我們給展開按鈕綁定了一個click事件,當它被點擊時,會通過attr()方法來讀取當前的aria-expanded屬性并將其狀態取反,最后再將新值設置回屬性中。
使用aria-expanded屬性,可以使得用戶在交互操作中更好地理解元素的狀態,提供更好的用戶體驗。在編寫Web應用時,不妨加入一些類似的輔助性的屬性來幫助您提高用戶的交互體驗。