jquery 設定內容和屬性 元素新增和刪除

2021-07-05 03:34:18 字數 2592 閱讀 2308

設定文字樣式
$("#btn1").click(function());

$("#btn2").click(function());

$("#btn3").click(function());

$("#btn2").click(function());

$("img").after(txt1,txt2,txt3); // 新增一坨元素在後面

inssertafter  inssertbefore在某後面新增元素

能夠使用上面說的那個剪下方法

$(document).ready(function());

});

$("p").prepend("hello world!");       $("hello world!").prependto("p");

remove

$("#div1").remove() // 刪除被選中的元素以及其子元素

$("p").removeattr("style"); // 移除所有子元素的樣式裡面的引數還能是其他的比如說 id 啊還有 color啊什麼的只要是由attr能修改的量都能執行。

$("#div2").empty() //刪除被選中的元素的子元素

$("p").remove(".test") // 刪除所有p中class是test 的元素

給乙個或多個元素增加乙個或多個class

$("h1,h2,p").addclass("blue important");

$("div").addclass("important");

$("div").hasclass(); // 是否有該名稱的class存在

元素的樣式太多了之後還能刪除他們多餘的樣式

$("h1,h2,p").removeclass("blue");

哈哈好吧又是我 互換**~~~

$("h1,h2,p").toggleclass("blue");

樣式或者是元素體替換

replaceall() replacewith()

兩者會改變指定的內容用指定的內容來替換元素

$(document.createelement("div")).replaceall("p");

$("p").replacewith("hello world!");

改變css樣式

$("p").css();

獲取css樣式

$("p").css("background-color");

獲得當前視窗的長和寬並沒有加上padding 和 margin 還有 border 的值。

$(document).height()

$(document).width()

獲得長寬

$("#div1").outerwidth() // 當不加引數的時候margin值不算入其中但要加上padding的值還有border 的值,當加了true後就還要加上那個margin的寬 高也同理

wrap 給你加個爹~~ unwarp 好吧這個爹我不要了。。。。 warpall 好吧我不僅有爹還有兄弟。。。。

$("p").wrap("

");//每個p 都有乙個div包起來 $("p").unwrap(); // 刪掉直接的父親

$("p").wrapall("

"); // 把所有的p都拿出來,整合在一起然後,他們有相同的爹。。刪了也不會還原哦。。

$("p").wrapinner("

"); // 把每個選擇器的內容新增乙個div 好吧開始我也不知道

給內容加是這樣的。。

fasd

如果是wrap的話,就是要會在li 的外面加上乙個div。

offset()

返回第乙個匹配的元素的座標

x=$("p").offset();

$("#span1").text(x.left);

$("#span2").text(x.top);

當然你也可以設定

$("p").offset();

offsetparent() 返回匹配座標的父節點 你還能改變父節點的樣式哦。

發現了個很叼的東西。。還能控制滾動條的位置。。。。

讓滾動條在離左邊100的位置沒有引數的話就是返回偏移的位置

$("button").click(function());

當然還有上下的那種東西

$("button").click(function());

jQuery 設定內容和屬性

下面的例子演示如何通過 text html 以及 val 方法來設定內容 1 2319 2021 這是段落。22這是另乙個段落。23input field 24設定文字 25設定 html 26設定值 2728 view code 預設 點設定文字 再點設定html 再點設定值 上面的三個 jque...

Jquery 獲取和設定元素屬性值

jquery 獲取和設定元素屬性值 太陽火神的美麗人生 本文遵循 署名 非商業用途 保持一致 創作公用協議 太陽火神的美麗人生 本部落格專注於 敏捷開發及移動和物聯裝置研究 ios android html5 arduino pcduino,this attr key 獲取節點屬性名的值,相當於ge...

jq 設定和獲取元素內容和屬性

元素的內容操作 html 獲取元素中的html內容 alert div html html val 設定元素中的html內容 alert div html haha text 獲取元素中的文字內容 alert div text text val 設定元素中的文字內容 alert div text h...