jQuery物件 jQuery選擇器筆記

2021-09-26 07:39:33 字數 1931 閱讀 7006

jquery就是乙個js庫(js庫:把一些常用到的方法寫到乙個單獨的js檔案)

jquery入口函式與js入口函式的對比

js物件(也叫dom物件)與jquery物件

jquery選擇器

id選擇器----$('#id')

類選擇器----$('.current')

標籤選擇器--$('div')

並集選擇器--$('div,p')

交集選擇器--$('div.current')

後代選擇器----$('ul li')

子代選擇器----$('ul>li')

prev + next -----選取所有prev 元素同輩的下乙個元素next (如果有幾個prev ,就有幾個next ,除非緊挨著prev 後面沒有同級元素next )

prev ~ siblings----選取prev 元素同輩的siblings的所有元素

獲取對應索引的元素----- :eq(索引)

獲取索引為奇數的元素---:odd

獲取索引為偶數---:even

獲取第乙個元素----:first

獲取最後乙個元素---:last

選取不是這個元素的其他元素---:not(選擇器)

匹配所有大於給定索引值的元素---:gt(索引)

匹配所有小於給定索引值的元素---:lt(索引)

選取所有的標題元素,如h1,h2,h3-----:header

選取當前獲取焦點的元素----:focus

選取當前正在執行動畫的所有元素----:animated

內容過濾選擇器

獲取包含文字內容的元素---:contains('文字內容')

選取不包含子元素或者文字的空元素----:empty

選取含有選擇器所匹配的元素的元素----:has(selector)

可見性過濾選擇器

選取所有不可見的元素-----:hidden

選取所有可見的元素-------:visible

屬性過濾選擇器

選取擁有此屬性的元素----[ attribute ]

選取屬性的值為value的元素----[ attribute = value ]

......

查詢指定元素的直接子元素---jquery物件.children(選擇器)  類似 $('ul>li')

查詢指定元素的所有後代元素---jquery物件.find(選擇器)

獲取當前元素的所有兄弟元素---jquery物件.siblings(選擇器)

獲取父級元素----jquery物件.parent(選擇器)

獲取索引對應的元素----jquery物件.eq(索引)

獲取上乙個兄弟-----jquery物件.prev()

獲取上乙個兄弟-----jquery物件.next()

獲取個父元素的第乙個子元素---:first-child

選取父元素的最後乙個子元素---:last-child

匹配其父元素下的第n個子或奇偶元素index從1算起----:nth-child(index/even/odd/equation)

$的實質

$其實就是乙個函式,所以每次使用的時候在後面加(),引數不同,功能不同

// 1.引數是乙個function---入口函式

$(function () );

// 2.引數是乙個dom物件-----將dom物件轉換為jquery物件

$(dvobj)

// 3.引數是乙個字串(選擇器)---獲取元素,是乙個jquery物件

$('#btn')

Jquery物件 jquery與dom物件的區別

最近工作有很多判斷的 用到了jquery與dom物件的地方比較多,寫在這裡加強下基本概念 1.判斷是否存在時候,要用dom物件,因為jquery在獲得物件的時候,無論要獲得的物件是否存在,都會返回jquery物件 2.jquery物件與dom物件的轉換 jquery物件就是通過jquery包裝dom...

jQuery的prev siblings選擇器

一 介紹 prev siblings選擇器用於匹配prev元素之後的所有siblings元素。其中,prev和siblings是兩個相同輩元素。prev siblings選擇器的使用方法如下 prev siblings prev是指任何有效的選擇器。siblings是乙個有效選擇器並緊接著prev選...

jquery全選 反選

function a flag 改變select的text ddlyeargroup 0 options 0 text all 其他參考 ddlstep empty 清空 ddlstep attr value 9 根據value選擇 ddlstep 0 selectedindex 1 select下...