jQuery是一個簡單易用的JavaScript框架,廣泛用于前端開發中。其中,dom查詢是jQuery最重要的功能之一,能夠快速準確地找到需要的頁面元素。
// 基本語法 $(selector).method(); // 選取元素 $('p') // 選取所有元素 $('#id') // 選取id為id的元素 $('.class') // 選取class為class的元素 $('parent >child') // 選取parent下的所有直接子元素(child) // 過濾元素 $('selector:first') // 選取第一個匹配到的元素 $('selector:last') // 選取最后一個匹配到的元素 $('selector:even') // 選取所有偶數位置的元素 $('selector:odd') // 選取所有奇數位置的元素 $('selector:not(another-selector)') // 選取所有不匹配another-selector的元素 // 操作元素 $(element).hide() // 隱藏元素 $(element).show() // 顯示元素 $(element).addClass('class') // 添加class $(element).removeClass('class') // 刪除class $(element).attr('attribute', 'value') // 設置屬性名為attribute的屬性值為value $(element).removeAttr('attribute') // 刪除屬性名為attribute的屬性
通過dom查詢,我們可以輕松地選取目標元素、過濾元素、操作元素等,使頁面交互變得更加豐富和靈活。