JQuery是一種常用的JavaScript庫,并提供了許多方便的方法和選擇器,以便輕松地訪問和操作HTML元素。其中最常用的就是選擇器了。
選擇器是JQuery的一個重要概念,用于選擇和操作文檔中的HTML元素。換句話說,選擇器是JQuery的主要功能之一,它允許您以非常靈活的方式查詢DOM(文檔對象模型)并以編程方式更改文檔。
下面是一些常用的JQuery選擇器:
$( "#id" ) // 通過ID選擇元素 $( ".class" ) // 通過class選擇元素 $( "element" ) // 通過元素名來選擇元素 $( ".class, #id, element" ) // 同時選擇多個元素 $( "[attribute=value]" ) // 通過屬性選擇元素 $( "ancestor descendant" ) // 子孫選擇元素 $( "parent >child" ) // 直接子元素選擇 $( ":checked" ) // 單選或復(fù)選框已選擇元素 $( ":not(selector)" ) // 選擇器不匹配的元素 $( ":first" ) // 第一個元素 $( ":last" ) // 最后一個元素 $( ":even" ) // 偶數(shù)元素 $( ":odd" ) // 奇數(shù)元素 $( ":contains('text')" ) // 包含指定文本的元素 $( ":empty" ) // 沒有子元素的元素 $( ":visible" ) // 可見元素 $( ":hidden" ) // 隱藏或不可見的元素 $( ":has(selector)" ) // 具有選擇器所匹配的元素 $( ":input" ) // 輸入元素(input, textarea, select and button) $( ":text" ) // 文本輸入元素 $( ":image" ) // 圖片輸入元素
這些是最基本和最常用的選擇器,您也可以根據(jù)需要創(chuàng)建自定義選擇器。