小白的jquery學習之路02選擇器

2021-08-20 11:28:49 字數 2838 閱讀 7952

jquery

學習第一步選擇器:

(1)選擇的是#box中兒子輩的p標籤

$('#box>p').css()

(2)選擇的是緊鄰在.box後面的乙個p標籤

$('.one+p').css()

(3)選擇的是緊鄰在.box的同級p標籤

$('.one~p').css()

(4)選擇的是box中第乙個p標籤

$("#box p:first").css();

(5)選擇的是box中最後乙個p標籤

$("#box p:last").css();

(6)選擇的是box中的所有的除了class是one的標籤

$("#box p:not(.one)").css();

(7)選擇的是box中所有偶數的p標籤

$("#box p:even").css();

(8)選擇的是box中所有奇數的p標籤

$("#box p:odd").css();

(9)選擇的是box中序號是3的p標籤

$("#box p:eq(3)").css();

(10)選擇的是box中序號大於3的p標籤 4.5.6.7.8

$("#box p:gt(3)").css();

(11)選擇的是box中序號小於3的p標籤 

$("#box p:lt(3)").css();

(12)選擇的是box中內容包含看3的p標籤

$("#box p:contains(看3)").css();

(13)選擇的是box中內容是空的p標籤

$("#box p:empty").css();

(14)選擇的是box中非空的p標籤

$("#box p:empty").css();

(15)選擇的是box中含有span標籤的p標籤

$("#box p:has(span)").css();

可見性

(1)選擇的是box中處於隱藏狀態的p標籤 即display:none 

$("#box p:hidden").css();

(2)選擇的是box中處於隱藏狀態的p標籤 即display:none 

$("#box p:visible").css();屬性

(3)選擇的是box中所有有class屬性的p標籤 

$("#box p[class]").css();

(4)選擇的是box中所有有hd屬性的p標籤 hd屬性是自定義屬性

$("#box p[hd]").css();

(5)選擇的是box中所有有hd=zzz屬性的p標籤 hd屬性是自定義屬性

$("#box p[hd=zzz]").css();

(6)選擇的是box中所有hd不等於zzz屬性的p標籤 hd屬性是自定義屬性

$("#box p[hd!=zzz]").css();

(7)選擇的是box中所有hd屬性以zx為開頭的p標籤 hd屬性是自定義屬性

$("#box p[hd^=zx]").css();

(8)選擇的是box中所有hd屬性以zz為結尾的p標籤 hd屬性是自定義屬性

$("#box p[hd$=zz]").css();

(9)選擇的是box中所有hd屬性含有zz的p標籤 hd屬性是自定義屬性

$("#box p[hd*=zz]").css();

復合寫法:

選擇的是box中所有hd屬性含有z並且含有style屬性的p標籤 hd屬性是自定義屬性

$("#box p[hd*=z][style]").css();

子元素

我們可以理解為-child就是把所以標籤一起看,-of-type就是去除其他標籤型別,光看選中標籤

我是獨生子

我是p標籤0

我是span標籤1

我是p標籤2

我是span標籤3

我是p標籤4

我是span標籤

我是p標籤5

我是span標籤6

我是p標籤7

我是span標籤8

我是p標籤9

我是span標籤10

***********************************

我是p標籤0

我是span標籤1

我是p標籤2

我是span標籤3

我是p標籤4

我是span標籤

我是p標籤5

我是span標籤6

我是p標籤7

我是span標籤8

我是p標籤9

我是span標籤10

***********************************

我是p標籤0

我是span標籤1

我是p標籤2

我是span標籤3

我是p標籤4

我是span標籤

我是p標籤5

我是span標籤6

我是p標籤7

我是span標籤8

我是p標籤9

我是span標籤10

Java小白學習之路 筆記02

整型 byte 1位元組 short 2位元組 int 4位元組 long 8位元組 浮點型 float 4位元組 double 8位元組 字元型 char 1位元組 布林型 boolean 1位元組 整型常量 十進位制 二進位制 八進位制 十六進製制 長整形十進位制 浮點型常量 單精度 雙精度 字...

小白的jquery學習之路03篩選

過濾 1 eq操作 把其中第2個p標籤找出來 box p eq 2 css 2 first操作,找出第乙個p標籤 box p first css 3 判斷有沒有這個標籤有沒有class屬性。hasclass如果有class屬性返回true,否則返回false box p click function...

小白的學習之路

叮鈴鈴,小白前來報到。我是仙宅 西安財經大學 軟體工程的孩子,接觸計算機軟體已經兩年了,感覺自己還是沒有學到很多。下面呢,想談談自己的幾點感想。what?程式設計目標是什麼 首先呢,在校期間把老師教的有條理內化,妥妥的拿到offer 在畢業後進入一家還不錯的公司。how 如何學習程式設計 學習程式設...