//使用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 元素 元素陣列 物件,用來插入到集合中每個...