JQuery 實踐 讓頁面動起來

2022-09-18 00:54:10 字數 3503 閱讀 7822

獲取和設定元素特性

特性屬性:是指dom元素中能夠和html元素中某個特性對應得上的屬性。通常js特性屬性的名稱與對應的特性一一匹配,但class 《=》classname

操作特性還是操作屬性,取決於想做什麼以及想如何去實現。

jquery 沒有用於獲取或修改元素甦醒的具體命令。然而可以利用原生js表示法,訪問屬性和屬性值,首先獲取元素引用。

each(iterator)

遍歷包裝集裡所有元素,為各個元素分別呼叫傳遞進來的迭代器函式

引數為乙個函式,函式引數為被設定為保障局裡當前元素的下標,當前元素為this.

返回包裝集

讀取指派到包裝集裡第乙個元素指定特性的值  

attr(name)

引數字串,特性的名稱

沒有返回undefined.

自定義特性也能取出

為包裝集裡所有元素的name特性設定傳遞進來的值

attr(name,value)

name:字串

value: 字串|物件|函式

函式時,引數為包裝集裡從0開始的下標,this為當前元素

包裝集.attr('disabled','disabled')

一次性指定多個特性

attr(attributes)

乙個物件,物件屬性作為特性而複製到包裝集裡所有元素上

如果產地進來的物件的屬性值是乙個函式引用,則它的操作方法類似前面的attr格式,為

匹配集裡各個元素分別呼叫函式

包裝集刪除特性

removeattr(name)

字串包裝集

jquery訪問常用屬性的簡便方法:class, cssfloat,flost,for,maxlength,readonly,stylefloat==>ie

操作元素類名稱

修改元素樣式:新增css類或操作dom,直接應用新樣式

新增指定的乙個或多個類名稱到包裝集的所有元素

addclass(names)

乙個字串,多個類用空格分開

包裝集從包裝集各元素裡刪除指定的乙個或多個類名稱

removeclass(names)

乙個字串,多個類名用空格分開

包裝集切換一組樣式

toggleclass(name)

乙個字串,包含用於切換的類名稱

包裝集設定指定的值到每個已匹配元素的指定的css樣式屬性

css(name,value)

字串字串|數字|函式

函式,this

包裝集一次指定多個css屬性值

css(properties)

屬性物件

包裝集獲取包裝集裡第乙個元素name所指定的css屬性 值

css(name)

字串值

設定寬度

width(value)

以畫素為單位的數值

包裝集設定高度

height(value)

以畫素為單位的數值

包裝集讀取寬度

width

讀取高度

height

確定匹配集裡是否有元素擁有已傳遞name引數所指定的類名

hasclass(name)

字串true/false

設定元素內容 和 修改dom樹

獲取匹配集裡第乙個元素的html內容  

html()

返回值與那個元素的innerhtml屬性所獲得的內容一致

把傳入的html片段設定為所有匹配元素的內容  

html(text)

字串,html片段

包裝集把包裝集裡元素的所有文字內容連線起來,並返回字串

text()

連線而成的字串

設定文字內容

text(content)

文字內容。 <==> <

包裝集把闖入的html片段或元素追加到所有已匹配元素的內容之後

字串|元素|物件

包裝集如果包裝集中只有乙個元素,則被追加元素從原始位置刪除。如果包裝集中有多個元素,則被追加元素備份被用來追加。原位置還有

把包裝集裡所有元素移動到指定目標的內容的末尾

字串|元素   

包裝集 

如果目的地只標識乙個目標元素,則元素被移動,如果目的地標識多個目標元素,則源元素留在原始位置,且被複製到每個目標元素

prepend(conent)

包裝集 

prependto(target)

包裝集 

在目標元素之前插入元素,而不是目標元素的第乙個子元素之前

before(content)

包裝集 

insertbefore(target)

包裝集 

after(content)

包裝集 

insertafter(target)

包裝集 

$('hi there

').insertafter('p img')

把匹配集各個元素用已傳遞html標籤或已傳遞的元素的轉殖副本分別包裹起來

字串|元素

包裝集$('a.suprise').wrap('

把匹配集的元素作為乙個單元包裹起來

字串|元素

包裝集把匹配集個元素的內容分別包裹起來

字串|元素

包裝集從頁面dom裡刪除包裝集裡所有元素

remove()

包裝集從dom裡刪除的元素仍然被該包裝集引用著。不會被**

清空匹配集裡所有dom元素的內容

empty()

$('div.ekementtoreplace').after('xdfsd

').remove()

建立包裝集裡元素的副本,返回新包裝集

clone(copyhandlers)

true/false

複製事件處理程式

新建的包裝集

處理表單元素值

表單元素指的在表單**現的,擁有name 和value特性的元素

返回匹配集中第乙個元素的value特性

val()

已獲取的值或值陣列

如果包裝集裡第乙個元素不是表單元素,丟擲異常。

核取方塊,單選框,也是返回value特性

單選按鈕:

$('[name=radiogroup]:checked').val()

設定表單的值

val(value)

字串包裝集

獲取核取方塊組的值的陣列

對包裝集裡的元素進行序列化

清空字段

把dom表單轉換為適用於ajax的格式

使核取方塊或單選按鈕變為選中

選擇元素內的選項

選中核取方塊,單選按鈕,或select元素的選項變為已選中

val(values)

乙個值陣列

包裝集只要它們的值和已傳遞值的陣列的任何乙個值相匹配

讓ProgressPar動起來

一.如果是單純的讓其動起來只用在載入時 duration duration new duration timespan.fromseconds 10 doubleanimation doubleanimation new doubleanimation 100.0 duration progbar....

Django實戰(14) 讓頁面聯動起來

上一節我們實現了乙個 能看不能用 的購物車,現在我們來使用這個購物車。根據url中的id引數獲取產品,加入購物車,然後呼叫view cart檢視函式顯示購物車。這裡面判斷session中是否有cart物件的寫法與上 一節的view cart檢視函式中的寫法相同,不符合dry的原則。為了簡單這裡暫時不...

android 遊戲 讓人物動起來

su ceview檢視建立,響應此函式 override public void su cecreated su ceholder holder param currentframe 繪製幀 param framew 每幀的高 param frameh 每幀的高 param canvas 畫布例項 ...