jQuery返回的對象集合是指jQuery所選取的所有元素的集合。這個集合是一個類數組對象,可以類比數組去使用它。
// 示例代碼 var $li = $('li'); // 選取頁面上所有的li元素 console.log($li); // 打印出一個類數組對象 console.log($li.length); // 打印出集合中元素的個數 console.log($li[0]); // 打印出集合中的第一個元素
在使用jQuery操作頁面元素時,我們經常需要使用到jQuery返回的對象集合。比如在一組checkbox中選中所有的選項:
// 示例代碼 var $checkbox = $('input[type="checkbox"]'); // 選取所有的checkbox元素 $checkbox.prop('checked', true); // 設置它們的checked屬性為true
又比如,在切換選項卡時,我們需要隱藏之前顯示的內容:
// 示例代碼 var $tabs = $('.tab'); // 選取所有的tab元素 $tabs.removeClass('active'); // 移除它們的active類 $tabs.eq(index).addClass('active'); // 給指定的tab添加active類,顯示它的內容
總之,深入理解jQuery返回的對象集合,可以更加靈活地應用jQuery進行頁面的操作,提升開發效率。
上一篇css當鼠標經過事件
下一篇css必考知識點