jQuery選擇器是一種非常強大的工具,可以幫助我們輕松地選擇網頁中的元素。選擇器可以返回一個或多個DOM元素,幫助我們操縱這些元素的屬性和內容。下面介紹一些常用的選擇器類型:
// 選擇id為example的元素 $('#example') // 選擇class為example的元素 $('.example') // 選擇所有p標簽 $('p') // 選擇所有a標簽的href屬性中包含“example”的元素 $('a[href*="example"]') // 選擇所有ul標簽的直接子元素li標簽 $('ul > li') // 選擇最后一個div標簽 $('div:last') // 選擇偶數位置的p標簽 $('p:even') // 選擇所有含有“example”類名的p標簽 $('p[class="example"]')
選擇器可以組合使用,例如可以選擇class為example并且包含“hello”文本的元素:
$('.example:contains("hello")')
選擇器還可以用于綁定事件,例如如果想讓所有p標簽在鼠標移入時背景變紅:
$('p').on('mouseenter', function(){ $(this).css('background-color', 'red'); });
選擇器返回的是一個jQuery對象,可以繼續使用jQuery方法進行操作和修改。例如可以改變所有a標簽的href屬性:
$('a').attr('href', 'http://www.example.com');
總的來說,選擇器是一種非常方便的工具,可以幫助我們快速地定位元素并操作網頁內容。
上一篇jquery選擇文本節點
下一篇jquery選擇器a標簽