Jquery02

 

• Jquery效果

1. 停止動畫

Stop()方法用於停止動畫或者效果,用於所有的jquery效果

語法:$(“”).stop(boolean,boolean);

第一個boolean:是否該清楚動畫隊列.默認是false，僅停止當前活動的動畫，允許隊列動畫繼續執行.true:停止所有的動畫隊列

第二個boolean:是否立即完成當前動畫.默認的是false

 

1. 方法鏈

把方法連接在一起.在同一個元素上按順序執行鏈起來的方法

 

• DOM獲取內容和屬性

 

獲取內容: html(),text(),val()

Html() --設置或返回所選元素的內容

Text() --設置或者返回所選元素的文本內容

Val() --設置或返回所選的表單的字段的value值

1. 設置2.返回值

回調函數 function(被選元素的下標,改變前的值){}

 

1. 獲取屬性

Attr(): 方法用於獲取屬性值

語法：$(“”).attr(“屬性”);  ---通過屬性獲取到此元素的屬性值

語法：$(“”).attr(“屬性”，”屬性值”);  ---通過屬性設置此元素的屬性值

語法：$(“”).attr(“屬性”，”屬性值”,”s屬性”;””屬性值);  ---

 

1. 獲取/設置樣式

Css() 方法用於設置或者獲取樣式·

語法:

Css(樣式屬性)--通過樣式屬性返回屬性值.

Css(樣式屬性,”屬性值”)--設置屬性值

Css({樣式屬性,”屬性值”,樣式屬性,”屬性值”})--設置多個屬性值

 

1. 設置CSS類

Addclass() 方法向被選中元素添加類

removClass() 方法 從被選中的元素中刪除類

ToggleClass()方法 對被選元素進行添加/刪除類的切換操作

語法：

Addclass(“類名”)--添加類

Addclass(“類1  類2”)--添加多個類,通過空格分隔開

Removeclass(“類”)--移除類

ToggleClass(“類”)--添加/刪除 類的切換操作

 

Jquery使用的方法

 

選擇器:選取元素

效果和方法：設置元素的內容，屬性，樣式

事件:通過事件觸發效果和方法