jQuery 是一個流行的 JavaScript 庫,它提供了方便的操作 HTML DOM 和處理事件的方法。其中非常重要的一個特性是 jQuery 的選擇器。在 jQuery 中,我們可以使用選擇器來選取需要操作的 HTML 元素。
jQuery1.4.1 是 jQuery 庫的一個版本,在這個版本中我們可以使用很多強大的選擇器來定位頁面中的元素。下面我們來介紹一些這些常用的選擇器:
// 選中所有的 p 元素 $('p') // 選中所有帶有 class="intro" 的 p 元素 $('p.intro') // 選中所有帶有 id="myId" 的元素 $('#myId') // 選中所有的 button 元素和 input 元素 $('button, input') // 選中所有 type 屬性為 text 的 input 元素 $('input[type="text"]') // 選中所有 type 屬性為 button 的 input 元素 $('input[type="button"]') // 選中所有 type 屬性為 checkbox 的 input 元素 $('input[type="checkbox"]') // 選中所有含有 "demo" 的 class 屬性的元素 $('[class*="demo"]') // 選中所有不含有 "demo" 的 class 屬性的元素 $('[class!="demo"]') // 選中所有以字母 "a" 開頭的 href 屬性的 a 元素 $('a[href^="a"]') // 選中所有以 ".jpg" 結尾的 href 屬性的 a 元素 $('a[href$=".jpg"]') // 選中所有包含 "google" 的 href 屬性的 a 元素 $('a[href*="google"]')
通過上面的選擇器,我們可以輕松地對頁面中的元素進行選擇、操作和綁定事件。因此,選擇器可以說是 jQuery 中重要的一環。