jQuery篩選器以及JQ物件常用方法

2021-10-07 23:37:54 字數 2001 閱讀 9139

選擇器: first 選中指定元素集合中的第乙個元素

選擇器: last 選中指定元素集合中的最後乙個元素

選擇器: eq(n) 選中指定元素集合中從0開始,第n個元素

選擇器: lt(n) 選中指定元素集合中從0開始,第n個元素之前的所有元素

選擇器: gt(n) 選中指定元素集合中從0開始,第n個元素之後的所有元素

選擇器: odd 選中指定元素集合中從0開始,所有奇數序號的元素

選擇器: even 選中指定元素集合中從0開始,所有偶數序號的元素

語法:$(「p:xx」).css(「background-color」,「red」);//xx填寫所需要的選擇器

css()方法 :

$().css(「key」,「value」);

其中:css方法第二個引數是可選引數。如果只有乙個引數就是讀樣式,

如果有兩個引數或json樣式引數就是設定樣式。

show()和hide()方法

元素的顯示和隱藏。也就是說,原來我們的

div.style.display = 「block」;

div.style.display = 「none」;

簡化成:

$(「div」).show();

$(「div」).hide();

我們可以給show()和hide()裡面加上引數,表示動畫的時間。

$(「div」).show(500);//500就是500毫秒。

slidedown()和slideup()方法

下拉顯示和上滑隱藏。

$(「div」).slideup();

$(「div」).slidedown();

注意:乙個元素如果原本是顯示的,才能夠呼叫slideup()方法。如果這個元素是display:none的,才能呼叫slidedown()方法。同樣的,這兩個方法裡面可以寫數字,表示動畫的時間。

$(「div」).slidedown(3000);//3000就表示動畫是3000毫秒。

fadein()和fadeout()方法

淡入、淡出。

$(「div」).fadein();

$(「div」).fadeout();

注意:fadein()的起點是display:none; 不是opacity:0;

fadeout()的終點是display:none;不是opacity:0;

也就是說乙個元素如果想淡入,一定要給這個元素加上display:none;屬性,而不要給他加上opacity:0;的屬性。

同樣的fadein()和fadeout()的函式括號裡面可以加數字,表示動畫的時間。

fadein(4000); //用4000毫秒進行淡入。

addclass()和removeclass()方法

追加類和移除類。

add就是新增,remove就是移除。

注意:addclass是追加類,而不是改變類。不影響原有的類名。同樣的removeclass表示移除類,不影響不移除的類名。

attr()方法

attr是英語attribute屬性的簡寫,用來更改html元素的屬性。

語法:$(「div」).attr(「key」,「value」);

html()方法

用來讀取和更改元素內部的內容,作用和原生的innerhtml屬性是一樣的。

例如:$(「h1」).html(「我是 beixi,我喂自己袋鹽!」);

這樣的話,h1標籤之間就是"我是beixi,我喂自己袋鹽!"了。

注意:如果在html()方法中不寫任何引數,則表示讀取元素的內容。

jq選擇器物件篩選

1.選擇物件 1 基本 id 根據給定的id匹配乙個元素。例如 id element 根據給定的元素名匹配所有元素。例如 div class 根據給定的類匹配元素。例如 style1 匹配所有元素。例如 selector1,selector2,selectorn 將每乙個選擇器匹配到的元素合併後一起...

jQ內容篩選選擇器

jq內容篩選選擇器 1.查詢所有class div 中dom元素中包含 contains 的元素節點 並且設定顏色 div contains contains css color cd00cd 2.查詢所有class div 中dom元素中包含 span 的元素節點 並且設定顏色 div has s...

jQuery基本篩選器

jquery基本篩選器,是js中沒有的乙個功能。可以批量選 擇或在一批元素中特定選擇乙個元素,一般與選擇器配合使用,非常方便。first 選擇符合條件的元素中的第乙個元素。html div div div jquery 選中第乙個div div first text 第乙個div last 選中符合...