jQuery是一種JavaScript庫,它為我們提供了一系列方便易用的功能和方法來操作HTML文檔和CSS樣式,其中最常用的即是選擇器。jQuery選擇器被設計為與CSS選擇器相似,同時又擴展了很多新的選擇器,可以讓我們更加方便地獲取操作頁面元素。
//獲取所有的段落元素 $('p') //獲取頁面上的所有class名稱為foo的元素 $('.foo') //獲取id為bar的元素 $('#bar')
除了基本的選擇器外,jQuery還提供了許多其他的選擇器來實現(xiàn)更精細的操作。
//獲取頁面上的所有被選中的checkbox元素 $('input:checked') //獲取下標為偶數(shù)的table行元素 $('tr:even') //獲取當前頁面滿足css選擇器條件的下一個元素 $('p + span')
jQuery選擇器的組合使用可以實現(xiàn)更復雜的選擇操作,使我們在頁面操作中更得心應手。
//選擇class為foo的div的子元素中class為bar的元素 $('div.foo .bar') //選擇ul列表中第一個子元素 $('ul li:first-child') //選擇ul列表中除去第一個子元素的其他子元素 $('ul li:not(:first-child)')
上一篇css布局前端面試