jQuery選擇器(一)

2021-08-01 20:35:49 字數 1304 閱讀 1053

選擇器是 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 當前元素之後所有的兄弟節點 返回值 匹配元素 ...