JQuery是一種流行的Javascript庫,它可以使我們更快,更方便地處理DOM元素。在這篇文章中,我們將討論如何使用JQuery選中li元素并對其應用樣式。
$(document).ready(function(){ $('li').click(function(){ $('li').removeClass('selected'); //移除所有選中的元素的選中狀態 $(this).addClass('selected'); //將當前點擊的li元素應用選中樣式 }); });
如上所述,我們可以使用click()方法為所有li元素添加單擊事件。在單擊事件中,我們首先使用removeClass()方法將所有選中元素的樣式移除。接下來,我們使用addClass()方法將當前點擊的li元素添加選中樣式。
為了使該代碼更有效,我們可以通過在CSS中定義.selected類來指定選中樣式:
.selected{ background-color: #ccc; color: #fff; }
上述CSS代碼將為選中的li元素設置灰色背景和白色文本顏色。
在此之后,我們的li元素將更容易選擇和處理,利用JQuery庫的高效性能來輕松實現頁面美化和交互的需求。