JQuery 操作DOM元素

2022-03-08 14:23:05 字數 1518 閱讀 7664

//使用attr()方法控制元素的屬性

使用attr("屬性名");是獲取該屬性的值。使用attr("屬性名",屬性值);是設定屬性的值

//html(),text()方法控制元素的文字

/*包含樣式*/使用html();時是獲取元素的html文字(包括樣式:如果文字是斜體的,獲取到的也是斜體的),使用html("哈哈哈");時是將元素的html文字屬性設定為粗體的哈哈哈

/*不包含樣式*/使用text();時是獲取元素的文字(不包括樣式:如果文字是斜體的,獲取到的則是正體的 沒有任何樣式的),使用text("哈哈哈");時是將元素的文字設定為哈哈哈

//css()控制樣式

$("#divid").css();//把divid元素的背景色設定為red 前景色設定為green

//removeattr(),removeclass()移除屬性或樣式

$("#divid").removeattr("屬性名"); //移除指定的屬性名  $("#divid").removeclass("樣式名");//移除指定的樣式名

var myhtml = " 哈哈哈 ";

//before(),after()在元素的前後插入內容

var myhtml = "哈哈哈";

$("#myid").before(myhtml);//在id為myid的元素前面插入乙個span標籤

$("#myid").after(myhtml);//在id為myid的元素後面插入乙個span標籤

//clone()方法複製元素 :包括 節點 文字 屬性

//replacewith()  replaceall() 方法替換

$("要替換的元素物件").replacewith("替換的文字"); //var myhtml = "哈哈哈";  $(".green").replacewith(myhtml); 把myhtml替換到class屬性為green 的元素的地方

$("替換的文字").replaceall("要替換的元素物件");//var myhtml="哈哈哈";  $(myhtml).replaceall(".green"); 把myhtml替換到class屬性為green的元素的地方

//wrap()  wrapinner()  包含

$("span").wrap("

"); //將span標籤包含在div標籤中

$("span").wrapinner("");//將span的文字變成粗體

//each()方法遍歷元素

$("span").each(function(index)

if(index==1)

$(this).attr("color","red");

}); //迴圈遍歷span元素,遍歷到第二個的時候把元素的前景色設為red

//remove() empty()刪除元素

$("span").remove();//刪除span元素的子元素和span本身

$("span").empty();//只刪除span元素的子元素而不刪除span本身

jQuery 訪問DOM元素操作

一 操作元素屬性 1.獲取元素的屬性 attr prop 例1 css樣式 使用如下 attr可以獲取其width input type button attr width 200px console.log input type button attr width 200px prop不可以獲取其...

jquery操作DOM 元素 3

detach 從dom 中去掉所匹配的元素。detach selector selector 乙個選擇表示式將需要移除的從匹配的元素中過濾出來。p detach empty 從dom中移除集合中匹配元素的所有子節點。empty 這個方法不接受任何引數。結構 hello goodbye hello e...

jquery操作DOM 元素 2

after 在匹配的元素集合中的每個元素後面插入引數指定的內容,作為其兄弟節點。after content content content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個...