jQuery是一個常用的JavaScript庫,它可以幫助我們快速地操作HTML元素,而選擇器就是jQuery的基礎。
選擇器用于查找HTML元素,常用的選擇器有:
// 選擇元素 $('element') // 選擇id為'XX'的元素 $('#XX') // 選擇class為'XX'的元素 $('.XX') // 選擇父元素下的所有子元素 $('parentElement childElement') // 選擇索引為n的元素 $('element:eq(n)')
除了以上常用的選擇器外,jQuery還提供了一些高級選擇器:
// 選擇所有文本元素 $(':text') // 選擇所有可見元素 $(':visible') // 選擇所有隱藏元素 $(':hidden') // 選擇所有輸入元素(包括文本框、下拉框等) $('input') // 選擇所有鏈接 $('a')
選擇器不僅可以單獨使用,也可以組合使用,如:
// 選擇id為'XX'且class為'YY'的元素 $('#XX.YY') // 選擇class為'XX'或者class為'YY'的元素 $('.XX,.YY') // 選擇class為'XX'的父元素下的第一個子元素 $('.XX:first-child') // 等等
上一篇jquery選擇器偽類
下一篇jquery選擇第一個