學習jquery增刪改查業務邏輯

2021-10-06 05:58:28 字數 612 閱讀 7417

對比web專案最基本的操作就是對於dom的增刪改查了,同時jquery在這方面優化做的非常的好,出了一套的api,對比原生操作dom增刪改查簡化了很多的**。

next();

prev();

這兩個是查詢相鄰的兄弟元素

$('div').next();

$('div').prev();

$('div').next('p').css();
括號裡面可以傳引數,可以找到指定元素進行修改

parents() 查詢所有的祖先元素

closest() 從自己開始查詢,查詢離自己最近的元素

寫法同上面一樣,並且closest()必須傳引數才能去查詢指定的元素 刪除

remeve()

detach()

這兩個都是刪除指定元素,區別在於detach在刪除後,觸發的事件還在

$('.zui').click(function())

$('.zui').click(function())

新增

wrap()

wrapall()

都是通過直接新增元素,寫法同上

jquery 增刪改查

查 text 檢視元素文字 val 檢視元素值 html 檢視元素中的html 改 function function 刪 remove 刪除元素 empty 刪除改元素的子元素 function 刪除所有子元素 btn1 click function 刪除p元素中class list的元素 btn...

JQuery 陣列的增刪改查

首先說明一下js中物件型別 js函式物件與原型 typeof 用來判定目標是什麼型別。陣列下標,index是從 0開始的。測試陣列如下 var arry 0,1 number陣列 var arry1 2 3 string 陣列 var arry2 2 3 true string和boolean 陣列...

jquery的datagrid的增刪改查屬性

1 datagrid是jquery的乙個table格式的元件。首先需要新增jquery的一些樣式和js 如 2 然後設定table的id名。這樣就可以設定對應的id為datagrid屬性了 如 sda prop datagrid id id name name value text 4 修改屬性,通...