jQuery 是一款廣為使用的 CSS 選擇器引擎,在 DOM 操作和事件處理方面都非常強大。如果你需要選擇文檔中的偶數 li 元素,jQuery 提供了非常簡便的方法。
$(document).ready(function(){ $('li:nth-child(even)').css('background-color', 'lightgrey'); });
以上代碼可以 hack 選中偶數 li 元素,并將它們的背景色設為淺灰色。偶數選擇器 :nth-child(even) 的功能是返回父元素的第 2、第 4、第 6 ... 個子元素,它可以用于選中包含某個特定元素的所有偶數行或列。
如果你需要選中列表的第 2、第 4、第 6 個 li 元素,可以使用以下代碼:
$(document).ready(function(){ $('li').filter(':even').css('background-color', 'lightgrey'); });
選擇器 filter(':even') 返回集合中所有偶數位置的元素,然后將背景色設為淺灰色。
無論你是用哪種方法,它們都可以選擇使用 jQuery 操作 DOM 元素的偶數顯示。選擇器中的參數 even 可以根據需求進行更改,以顯示列表中的其他行或列。
上一篇css帶箭頭的線
下一篇css布局模型有幾種