常用jQuery dom API 與原生js對比

2021-10-25 21:20:15 字數 1837 閱讀 4955

有時候吧,jquery用多了,原生js不會寫了,趁著沒事,研究一下jquery dom api是怎麼實現的。

jqelement.text();

jselement.innertext;

jqelement.html();

jselement.innertext;

jqelement.val();

jselement.value;

jqelement.text("888");

jselement.innertext = "888";

jqelement.html("8888");

jselement.innertext = "8888";

jqelement.val(666);

jselement.value = 666;

這部分是我們最容易混淆的,因為方法多,jquery就有八種。

// 表示在目標節點後面追加

$(".box").after("5555");

$("5555").insertafter(".box");

// 表示在目標節點裡面尾部追加

let div = document.createelement("div");

div.innertext = 666;

// 表示在class為box元素裡尾部新增

jqelement.remove();

jselement.parentnode.removechild(jselement);

jqelement.empty();

jselement.innerhtml = "";

jqelement.clone(true);

jselement.clonenode(true);//深拷貝,不加true引數為淺拷貝。

let jqcreateelement = $("666

")let jscreateelement = document.createelement("div");

jscreateelement.innertext = "666";

設定屬性:

jqelement.attr("data-name","ghui");

jselement .setattribute("data-name","ghui");

jqelement.prop("checked",true);

jselement.checked = true;//這裡主要用於操作屬性值只能為布林的屬性

jqelement.css("color","red");

jselement.style.color = "red";

jselement.style.backgroundcolor= "red";//接駝峰命名

jqelement.addclass("content");

jqelement.classlist.add("content");

jqelement.removeclass("content");

jqelement.classlist.remove("content");

$("#box");

document.getelementbyid("box");

document.queryselector("#box");

$(".box");

document.getelementbyclass("box");

document.queryselectorall(".box");

queryselector用法與優點

如果覺得有用,給個贊唄,嘿嘿。

g 與gdb常用引數與命令

預處理 進行標頭檔案展開 巨集替換 去掉注釋和條件編譯等 生成 i 檔案 編譯 檢查 無語法錯誤後,生成組合語言 生成 s 檔案 彙編 將組合語言 生成機器碼 生成目標檔案 o 引數作用 epreprocess only do not compile,assemble or link.scompil...

常用快捷鍵與常用Doc指令

常用快捷鍵 ctrl c 複製 ctrl v 貼上 ctri a 全選 ctri x 剪軔 ctri z 撤銷 ctrl s 儲存 alt f4 關閉視窗 shift delete 永久刪除 win r 執行run win e 開啟我的電腦 ctrl shift esc 開啟任務資源管理器 任務資源...

網路常用埠與協議

網路常用埠與協議 http 80 www服務。dhcp 伺服器端的埠號是67 dhcp 客戶機端的埠號是68 pop3 pop3僅僅是接收協議,pop3客戶端使用smtp向伺服器傳送郵件。pop3所用的埠號是110。smtp 埠號是25。smtp真正關心的不是郵件如何被傳送,而只關心郵件是否能順利到...