jQuery中,我們可以通過設置class或者id屬性來獲取DOM元素,從而操作它們的狀態和屬性。
在處理列表元素(li)的時候,我們經常需要獲取它們的焦點來實現一些交互效果。
下面是一段基于jQuery實現li獲取焦點效果的代碼:
$(function(){ // 給所有li元素添加鼠標移入事件,讓其獲得焦點 $('li').mouseover(function(){ $(this).addClass('active'); }); // 給所有li元素添加鼠標移出事件,讓其失去焦點 $('li').mouseout(function(){ $(this).removeClass('active'); }); });
上述代碼中,我們通過jQuery的選擇器函數($函數)獲取到所有的li元素,并為它們綁定了鼠標移入(mouseover)和鼠標移出(mouseout)事件,實現了當鼠標移入/移出li元素的時候進行相應的操作。
其中,addClass和removeClass函數是jQuery中用來添加和移除class屬性的方法,我們可以通過設置class樣式來改變元素的樣式,從而達到獲取焦點和失去焦點的效果。