jQuery操作元素

2021-06-28 01:06:34 字數 3325 閱讀 4918

對於元素屬性的操作

attr(屬性名); 獲得屬性                   如:$("a").attr("href")    //獲得鏈結的內容

removeattr(屬性名);刪除此屬性   如:$("a").removeattr("href");//移除href屬性

2. 對於元素內容的操作

$("#dd").html();         //獲得元素的html內容

$("#dd").html("哈哈哈

");//設定元素的html內容

$("#dd").text();//獲得元素的文字內容

$("#dd").text("123456");                                 //設定元素的文字內容

注意:所謂的html內容與文字內容就是帶不帶標籤的區別;

3.對於元素樣式的操作

對於元素的樣式的操作只有兩種,型別css設定樣式,要麼直接給元素設定樣式,要麼給它新增個樣式類。

$("#dd").css("background","red");      //將id為dd的元素的背景色設為紅色

$("#dd").addclass("tt");                      //給id為dd的元素新增了樣式類

4.元素內容的追加

前兩個就是在元素原有的內容後面追加  區別到底是什麼還不知道。後面兩個乙個是在元素原有內容前面        加,乙個是在元素原有內容的後面加。

$("dd").before("我是加在前面的內容");

$("dd").after("我是加在後面的內容");

5.元素的複製

元素的複製只有乙個方法即 clone();

用法: $("#dd").text("$(#cc).clone().text()");        //將cc的內容複製給dd;

注意:clone()方法複製的是乙個完整的元素,因此它包含了元素的節點、文字、屬性

6.元素的替換

元素的替換有兩個方法 -----分別是$(selector).replacewith(content)  與 $(content

).replaceall(selctor);

注意:replacewith()  與replaceall() 的區別   前者是

元素replacewith(內容)

後者是內容replaceall(元素)

7.元素的包裹

元素的包裹也是兩個方法,乙個是wrap() 另乙個是wrapinner();他們的區別在於前者用於包裹元素本身,而後者用於包裹元素內容。具體用法如下:

$("p").wrap("");                       //給頁面的所有p標籤包裹乙個標題h1標籤

$("span").wrapinner("")              //將span的內容變為斜體

8.元素的遍歷

元素的遍歷可通過each()方法來實現。

var d = ;                                      //定義乙個對像集合

d = $("#form1 input:checked"); //獲得表單中所有被選擇的元素

$.each(d,function(n,value) );

上面**中n代表了序號,是從0開始value代表的是遍歷後的每個物件,我們可以通過物件.屬性 來訪問其屬性。

9.元素的刪除

元素的刪除有兩種方法,分別是remove()和empty()。remove()-刪除被選元素(及其子元素),empty()-從被選元素中刪除子元素

注意:兩者的區別,remove()選中元素以及子元素都刪, empty()只刪選中元素的子元素,從字面意思看

相當於就是將選中元素的內容置空了。

九層之台,始於累土

用心      點滴      積累

jQuery操作元素

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

jQuery 元素操作

一.高度和寬度 獲取高度 div height 高度 div width 寬度 設定高度 div height 300 div height 300px 有沒有單位都可以 獲取高度和寬度,沒有引數 結果300 number型別 如果要進行數 算,要用這個方法 二.座標值 獲取位置值的兩種方式 1 o...

jquery 操作元素

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