jQuery函式操作彙總 元素(標籤)角度

2021-08-25 14:28:20 字數 2033 閱讀 9470

一、在jquery中,對元素的操作包括3個方面:

(1)屬性操作;

(2)內容操作;

(3)樣式操作;

一、屬性操作

(1)獲取元素屬性;

(2)設定元素屬性;

(3)刪除元素屬性;

//區分attr()與prop()方法,attr()方法是用來操作標籤所固有的屬性

prop()方法用來操作使用者自定義型別,removeattr(),removeprop()同理

二、內容操作

//關於元素內容操作共有2組方法:

(1)html()和text();

(2)val();

//其中html()和text()用於操作普通標籤,而val()用於操作表單標籤。

樣式操作(一)

三、css屬性操作

(1)css屬性操作;

)//設定多個css屬性值

//例:$("ul li:nth-child(odd)").css("color","red");

//在css中沒有設定的屬性,同樣可以設定,也就是說這個屬性操作是獲取、設定和更改

}(2)css類名操作;

$(selector).slidetoggle(speed,callback)

}(3)獲得和設定寬度和高度

(2)$().innerwidth();$().innerheight();

(3)$().outerwidth();$().outerheight()

//注意一點,只有$().width(),$().height()方法可以用於window或document物件。

//對$().width();$().height()

//對$().css("width");$().css("height");

}//高度和寬度的操作完全一樣

樣式操作(二)

四、獲取元素位置

獲取元素的位置,有2種方法:

(1)$().offset();//相對於瀏覽器視窗

);

或$().css("position","absolute");

$().css();//傳入的是乙個json物件

//在設定這些樣式的時候,是類似於json陣列的,即前面的鍵名是可以不帶雙引號的,但是後面的值必須得帶雙引號,當然當值為純數字的時候就可以不帶雙引號,例:$().css("top",50);或$().css("top","50px");

}(2)$().position();//相對於祖輩定位元素

樣式操作(三)

五、獲取滾動條位置

//可以使用scrolltop()來獲取或設定元素相對於垂直滾動條頂部的距離,可以使用scrollleft()來獲取或設定元素相對於水平滾動條左部的距離。

$().scrolltop()       //獲取滾動距離(垂直)

$().scrolltop(value) //設定滾動距離(垂直)

$().scrollleft() //獲取滾動距離(水平)

$().scrollleft(value) //設定滾動距離(水平)

//value是乙個數字

例: $(window).scroll(function () );

}//當滾動條距離小於於box2距離頂部的距離時,設定相對定位

else );

}});

//如何理解滾動條距離:

即在一開始滾動條不動的時候$().scrolltop()是零

現在存在乙個div高度是1000px;但是視窗只有400px;在一開始的時候$().scrolltop()是零,後來滾動條向下滾動,相當於div相對於視窗向上移動,這時div在視窗上方不可見的部分就是滾動條已滾動的距離,即$().scrolltop()。就是視窗的頂端相對於滾動開始位置之間的距離。

//如果要設定「回到頂部」這個功能:只需要這樣設定$().scrolltop(0)

JQuery的元素操作函式

no.方法 語法描述備註1 文字內容成為選擇器選中的元素的最後乙個子節點 content可以是文字,html元素,jquery物件,dom物件 2元素或文字內容新增成為選擇器選中的元素的最後乙個子節點 content可以是選擇器,也可以文字內容,若是文字內容,必須有html標記,使之成元素。3pre...

jQuery操作元素

對於元素屬性的操作 attr 屬性名 獲得屬性 如 a attr href 獲得鏈結的內容 removeattr 屬性名 刪除此屬性 如 a removeattr href 移除href屬性 2.對於元素內容的操作 dd html 獲得元素的html內容 dd html 哈哈哈 設定元素的html內...

jQuery操作元素

獲取內容 test text test html test val 獲取屬性 test attr href 設定或者修改屬性 attr disabled disabled removeattr checked input select在value值變化時可以呼叫不同的函式 change functi...