選擇器是 jquery 的根基, 在 jquery 中, 對事件處理, 遍歷 dom 和 ajax 操作都依賴於選擇器
jquery 選擇器的優點:
$(「#id」) 等價於 document.getelementbyid("id")
$(「tagname」) 等價於 document.getelementsbytagname("tagname")
$(「.class」)
a)通過id
$("#id")
b)通過標籤名
$("標籤名")
c)通過樣式名
$(".樣式名")
而jquery中,無需判段,因為jquery本身內建判段器,在查詢不到的情況下,返回"undefined"
這是jquery
/若網頁中沒有id=value的元素,瀏覽器會報錯
document.getelementbyid("username").value;
//需要判斷document.getelementbyid("username")是否存在
if(document.getelementbyid("username"))else
//使用jquery處理即使不存在也不會報錯
var $username=$("#usernamee");
alert("$username.val());
#id/標籤名/樣式名/選擇器a,選擇器b
div1
div2
div3
span1
span2
span3
p1
*form input:查詢form下所有input元素,含有後代關係
form>input:查詢form下所有input元素,有有父子關係,沒有後代關係
form+input:查詢與form同級的第乙個input元素,是兄弟關係
form~input:查詢與form同級的所有input元素,是兄弟關係
:first:查詢第乙個元素
:last:查詢最後個元素
:checked:查詢選中的核取方塊
:not(:checked):查詢未選中的核取方塊
:even:偶數
:odd:奇數
:eq():索引從0開始
:gt():大於索引號
:lt():小於索引號
:header:查詢所有ppp
一 JQuery選擇器
1 基本選擇器 id 根據給定的id匹配乙個元素 class 根據給定的類名匹配元素 element 根據給定的元素名匹配元素 匹配所有元素 selector1,selector2,selectorn 將每乙個選擇器匹配到的元素合併後一起返回 2 層次選擇器 ancestor descendant ...
jQuery選擇器 一
選擇器是 jquery 的根基,在 jquery 中,對事件處理,遍歷 dom 和 ajax 操作都依賴於選擇器 jquery選擇器的優點 1 簡潔的寫法 id 2 完善的事件處理機制 若在網頁中,沒有id為 id 的元素,瀏覽器會報錯 需要先判斷document.getelementbyid id...
jQuery選擇器(一)
id siblings 當前元素所有的兄弟節點 id prev 當前元素前乙個兄弟節點 id next 當前元素之後第乙個兄弟節點 id nextall 當前元素之後所有的兄弟節點 id prevall 當前元素之前所有的兄弟節點 id nextall 當前元素之後所有的兄弟節點 返回值 匹配元素 ...