jQuery快速查詢大全

2021-07-25 20:24:11 字數 3514 閱讀 3151

常用的選擇器:

#id 根據給定的id匹配

.classname 根據給定的類名匹配

name 根據給定的元素名匹配   

*匹配所有的元素

select1,select2 將每乙個匹配到的元素合併後一起返回

s1s2 選取s1元素裡所有的s2元素 子孫

parent>child獲取parent元素下的child元素 兒子

prev+next 選取緊接在prev元素後的next元素

prev~siblings選取prev之後所有的siblings元素

常用的過濾選擇器:

:first 選取第乙個元素

:last 選取最後乙個元素

:not(selector) 去除所有與給定選擇器匹配的元素

:even 選取索引值為偶數的元素,從0開始

:odd 選取索引值為奇數的元素

:eq(index) 匹配乙個給定索引值的元素

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

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

:header 選擇h1,h2....一類的標籤

:animated 匹配正執行動畫效果的元素

常用的內容過濾選擇器:

:contains(text) 匹配包含給定文字的元素

:empty 匹配所有不包含子元素或者文字的空元素

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

:parent 選取含有子元素或文字的元素

:hidden 選取所有不可見元素

:visible 選取所有可見元素

常用的屬性過濾選擇器(跟在元素後面用,過濾器):

【attr】 選取擁有此屬性的元素

【arrt=val】等於val    【arrt!=val】不等於val 【arrt^=val】以val開始的

【arrt$=val】以val結束的 【arrt*=val】 包含val的 【arrt~=val】 包含val且以空格隔開【attr1】【attr2】... 多個屬性選擇器合併成乙個復合屬性選擇器

常用的表單選擇器(直接使用):

:input 選取所有、、、元素

:text 選取所有的單行文字框

:password 選取所有的密碼框

:radio 選取所有的單選按鈕

:checkbox 選取所有的核取方塊

:submit 選取所有的提交按鈕

:image 選取所有的影象按鈕

:reset 選取所有的重置按鈕

:button 選取所有的按鈕

:file 選取所有的上傳域

常用的表單物件屬性過濾選擇器:

:disabled 選取所有不可用元素

:enabled 選取所有可用元素

:checked 選取所有被選中的元素

:selected 選取所有被選中的選項元素

管理選擇器得到的結果:

size()獲取選擇器中元素的個數

index(element)查詢元素在集合中的位置

add()給集合新增元素

not()去除元素集合中的某個元素

filter()篩選去除元素集合中的元素獲得新集合

find()通過查詢獲取新的元素集合

each()對選擇器中的元素進行遍歷

end()回到操作物件的上乙個物件

andself()將前面的物件進行組合後共同處理

建立元素節點:

用$()來建立節點

var $node = $(「hello

」);插入元素節點:

prepend()向每個匹配的元素內容前置子元素內容 prependto()

after()在每個匹配元素後插入同輩內容 insertafter()

before()在每個匹配元素之前插入內容 insertbefore()

刪除元素節點:

remove()

var$remove_li = $(「ul li:eq( 1 )」).remove( ); 刪除ul第2個li,返回被刪除的li物件

$(「ulli」).remove(「 li[ title=』 a 』 ] 」); 通過引數來選擇性刪除

detach()

var $remove_li =$(「ul li:eq( 1 )」).detach( ); 和remove類似,但繫結的事件、附加的資料會保留下來

empty()

$(「ulli:eq( 1 )」).remove( ); 清空所選元素中所有的後代元素內容

複製元素節點:

clone()

替換元素節點:

replacewith()

$(「li:eq(1)」).replacewith(「c」);替換掉第二個li元素

replaceall()

和replacewith()顛倒語法

包裹元素節點:

wrap() 用引數標籤把外面的標籤包裹起來

$(「li」).wrap(「「);

wrapall()用引數標籤把多個標籤整體包裹起來,如其中有其他標籤則放到包裹元素後

wrapinner()把匹配到元素內部的內容用引數標籤包裹起來

節點屬性操作:

attr()獲取前面元素的引數中的屬性,引數可以kv對用來設定屬性

removeattr()刪除屬性

節點樣式操作:

addclass()追加引數中的類選擇器,不同會疊加,相同會覆蓋

removeclass()刪除類選擇器

toggleclass()重複切換引數中的類選擇器,有就去除,沒有就使用

hasclass()判斷是否含有引數中的類選擇器樣式,返回boolean值

設定獲取值:

html() 設定內容會解析html語句,無引數時獲取

text()設定內容不會解析語句,無引數時獲取

val() 設定input元素value值,下拉框選中項,下拉列表多選項(需要用【】括起來,逗號分開多個值),核取方塊選中項,單選框選中項,無引數時獲取

遍歷節點操作:

children()取得匹配元素的子元素集合

next()取得後面緊鄰的同輩元素

prev()取得前面緊鄰的同輩元素

parent()取得匹配元素的父級元素

parents()取得匹配元素的先輩元素的集合

siblings()取得匹配元素前後所有的同輩元素

closest()取得最近的匹配元素,先取自身如果自身不存在,則向父元素取最近的乙個先輩

css-dom技術:

不加引數是獲取,加引數是修改

$(「p」).css();

scrolltop()和scrollleft()設定相對滾動條頂部和左側的偏移

offset()獲取和設定元素在當前視窗的相對偏移

$(「#dv」).offset();

var$offset=$(「#dv」).offset();

$(「#dv」).html(「left : 」+$offset.left+」,top:」+$offset.top);

position()獲取匹配元素相對父元素的偏移

快速查詢演算法

在日常的演算法中,查詢是乙個經常涉及到的話題,而如何提高查詢的速度,也是很多程式設計師 軟體研究的話題。先看乙個例子。有這樣乙個資料型別s 學生姓名 name 性別 年齡 age 現在假設有這樣乙個需求 檔案a b中分別存放大量s 的記錄,需要將a b中重複的記錄去掉。我們用c 來演示今天的話題 t...

快速查詢素數

題目 時間限制 1000 ms 記憶體限制 65535 kb 難度 3 描述 現在給你乙個正整數n,要你快速的找出在2.n這些數裡面所有的素數。輸入給出乙個正整數數n n 2000000 但n為0時結束程式。測試資料不超過100組 輸出將2 n範圍內所有的素數輸出。兩個數之間用空格隔開 樣例輸入 5...

快速查詢素數

快速查詢素數 時間限制 1000 ms 記憶體限制 65535 kb 難度 3 描述現在給你乙個正整數n,要你快速的找出在2.n這些數裡面所有的素數。輸入給出乙個正整數數n n 2000000 但n為0時結束程式。測試資料不超過100組 輸出將2 n範圍內所有的素數輸出。兩個數之間用空格隔開 樣例輸...