有時候吧,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真正關心的不是郵件如何被傳送,而只關心郵件是否能順利到...