jQuery 元素操作

2021-08-20 22:40:16 字數 1234 閱讀 3448

一.高度和寬度

獲取高度： $("div").height();   // 高度


$("div").width();    //寬度


設定高度： $("div").height(300);


$("div").height("300px");


//有沒有單位都可以


//獲取高度和寬度，沒有引數   結果300    


//number型別   如果要進行數**算，要用這個方法
二.座標值

獲取位置值的兩種方式:


（1）.offset()


$("div").offset()  


// 返回值是乙個物件，乙個top,乙個left   位置是相對於瀏覽器


$("div").offset().top


$("div").offset().left


(2).position()


$("div").position()    獲取相對于父元素的位置


設定位置的值 


$("div").offset();


offset沒設定之前position是static，一旦設定之後，position就會變成relative


$("div").position() 不能設定，只能獲取
三.滾動條設定獲取滾動條位置

$("div").scrolltop()


//會獲取滾動條的位置top值
關於滾動條的詳解圖：

做乙個滾動條的小練習：

html結構：div包含乙個p元素

//設定

$("#btn1").click(function

())附：樣式操作總結：

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...

jquery 操作元素

第一 jquery 刪除ul中得li.博文 第二頁答案 答案比較全但是我沒有試 ul li 這個表示選擇ul下所有的li。ul li remove 表示刪除所有的li。ul li eq 0 remove 表示刪除第乙個li。0 表示第乙個 1表示第二個 以此類推。jquery設定和獲取span的內容...