jQuery 上 課堂筆記

2021-08-09 03:27:08 字數 3151 閱讀 2478

(「#id值」)  

2.class選擇器

(「.class名稱」)

3.標籤選擇器 (「

標籤名稱

」)(二

)層級選

擇器假定

:ab都

是選擇器

1.(「a b」) 獲取a內部的所有b元素 祖孫選擇器 2.(

「a>b」

)獲取a

的子元素

b父子選

擇器3.

(「a+b」) 獲取a元素同級後邊相鄰的b元素 兄弟選擇器 4.(

「ab」

)獲取a

元素同級

後邊的所

有b元素

弟弟選擇

器(三)

屬性選擇

器假定:

a是選擇

器att

r是屬性

名,va

lue是

值1. (「a[attr]」) 獲取到所有包含attr屬性的a元素 2.(

「a[a

ttr=

′val

ue′]

」)獲取

到att

r屬性值

為val

ue的a

元素3.

(「a[attr!=』value』]」)獲取到attr屬性值不等於value的a元素

4.(「a[attr^=』value』]」)獲取attr屬性值以value開頭的a元素  

5.(「a[attr=′

valu

e′]」

)獲取a

ttr屬

性值以v

alue

結尾的a

元素6.

(「a[attr*=』value』]」)獲取attr屬性值包含value的a元素 7.(

「a[a

ttr!

=′va

lue′

][at

tr2]

」)復合

屬性選擇

器(四)

基本過濾

選擇器對

其它選擇

器的結果

進行再次

過濾的1

.:fi

rst取

第乙個 (「div:first」)

2.:last 取最後乙個

3.:not(selector) 排除selector的結果 (「

div:

not(

.cls

)」)4

.:ev

en取下

標為偶數

的5.:

odd取

下標為奇

數的6.

:eq(

n)取下

標為n的

7.:g

t(n)

取下標大

於n的g

reat

erth

an8.

:lt(

n)取下

標小於n

的les

stha

n9.:

head

er取所

有標題h

1h6固

定寫法 (「:header」)

10.:animated 取動起來的動畫 固定寫法 $(「: animated」)

(五)表單屬性選擇器(重點)

1.:enabled 獲取可用的表單項

2.:disabled 獲取不可用的表單項(有disabled=」disabled」的表單項)

3.:selected 針對下拉框的,獲取被選中的下拉選項option

4.:checked 針對radio和checkbox,獲取被選中的單選或者多選選項

三、dom操作

(一)dom

1.html/文字/值的操作

 html的操作,相當於js的innerhtml

獲取:jquery物件.html();

設定:jquery物件.html(「標籤體內容」);

 文字的操作

獲取:jquery物件.text();

設定:jquery物件.text (「標籤體文字內容」);

 值的操作

獲取:jquery物件.val();

設定:jquery物件.val (值);

2.樣式的操作

獲採樣式:jquery物件.css(「css樣式名稱」);

設定樣式:jquery物件.css(「css樣式名稱」,」值」);

3.屬性的操作

獲取屬性:

jquery物件.attr(「屬性名」);

jquery物件.prop(「屬性名」);

設定屬性:

jquery物件.attr(「屬性名」,」值」);

jquery物件.prop(「屬性名」,」值」);

刪除屬性:

jquery物件.removeattr(「屬性名」,」值」);

jquery物件.removeprop(「屬性名」,」值」);

注意:如果要操作checked和selected屬性,必須使用prop的方法。其它屬性優先使用attr方法,如果不行再使用prop。

4.class的操作

增加class: jquery物件.addclass(「class名稱」);

刪除class:jquery物件.removeclass(「class名稱」);

切換class:jquery物件.toggleclass(「class名稱」);

(二)特效

1.顯示/隱藏

顯示:show(毫秒值, 函式物件)

引數:

毫秒值:動畫需要花費多長時間執行完成

函式物件:動畫執行完成之後,瀏覽器會執行這個函式

隱藏:hide(毫秒值, 函式物件)

切換:toggle(毫秒值, 函式物件)

2.滑動顯示/隱藏

顯示:slidedown(毫秒值, 函式物件)

隱藏:slideup(毫秒值, 函式物件)

切換:slidetoggle(毫秒值, 函式物件)

3.淡入淡出式顯示/隱藏

顯示:fadein(毫秒值, 函式物件)

隱藏:fadeout(毫秒值, 函式物件)

切換:fadetoggle(毫秒值, 函式物件)

SQLserver上課筆記

nth child 概述匹配其父元素下的第n個子或奇偶元素 eq index 只匹配乙個元素,而這個將為每乙個父元素匹配子元素。nth child從1開始的,而 eq 是從0算起的!可以使用 nth child even nth child odd nth child 3n nth child 2 ...

上課隨堂筆記

運算子有一元 二元和三元運算子。分類 一元二元和三元 乙個數兩個數三個數 按優先順序 運算方向分 a b c 從左向右 從右向左 賦值運算子為 方向 從右向左 優先順序 最低 let a b c d 5 先算右 注意 左側只能有乙個常量或變數 求餘 自加自減!不能用於常量只能用於變數 1 var a...

上課筆記 for迴圈

for 迴圈 1 格式 for 初始化 條件 增量 print 1到50累加得 sum for im 遍歷 3.1功能 通過乙個迴圈變數,一次取出要遍歷集合的值,來進行運算 3.2 格式 for 變數 in 集合 switch case 格式化的條件分支寫法,完全可以用if else if n個 e...