jQuery選擇器是從文檔中選擇元素的工具,它們分為不同的類型,最常見的是通過類名選擇元素的選擇器。使用jQuery選擇器選擇類的方法非常簡單,只需要在元素名稱前加上一個點,后面跟上類名即可。
// 選擇所有類名為 "example" 的元素 $(".example") // 選擇所有類名既包含 "example" 又包含 "test" 的元素 $(".example.test") // 選擇所有類名以 "hello" 開始的元素 $("[class^='hello']") // 選擇所有類名以 "world" 結尾的元素 $("[class$='world']") // 選擇所有類名包含 "example" 的元素 $("[class*='example']") // 選擇所有類名為 "example" 并且緊接著是類名 "test" 的元素 $(".example + .test") // 選擇所有類名為 "example" 后面緊跟著類名為 "test" 的元素 $(".example ~ .test")
除了上述常見的選擇器外,還有許多其他的選擇器可以幫助你更精確地選擇文檔中的元素。在使用jQuery選擇器選擇類時,盡量選擇類名更具體的元素,以避免選擇到不必要的元素造成性能浪費。
上一篇jquery選擇器視頻
下一篇jquery選擇器第n個