vue獲取當前對象

<li v-for="img in willLoadImg" @click="selectImg($event)"> <img class="loadimg" :src="img.url" :data-id="img.id" alt=""> </li>

　　

咱們給li標籤綁定了一個點擊事件selectImg()，傳入了$event對象。(這裏循環遍歷了一個圖片數組，是爲了展現更好的效果，若有須要請自行定義數組及其對應的圖片，可不要只是徹底複製了代碼來問我爲何報錯神馬的)

事件方法代碼：

methods: {
    selectImg(event) {
            console.log(event.currentTarget);
            console.log(event.target);
    }
}

　關鍵在於　vue中獲取當前對象的參數（$event） 不能換成其餘的

 

下面再講一下循環遍歷控件

1.js獲取兄弟節點的方法：
function siblings (context) {
var siblings = [];
/*得到父節點*/
var parent = context.parentNode;
/*得到父節點的全部孩子節點*/
var childs = parent.children;
for(var i = 0; i < childs.length;i++){
if (childs[i] !== context){
siblings.push(childs[i])
}
}
return siblings ;
}

 

3. JQuery中的查找父節點、子節點、兄弟節點的方法：

jQuery.parent(expr) 找父親節點，能夠傳入expr進行過濾，好比$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),相似於jQuery.parents(expr),可是是查找全部祖先元素，不限於父元素

jQuery.children(expr).返回全部子節點，這個方法只會返回直接的孩子節點，不會返回全部的子孫節點

jQuery.contents(),返回下面的全部內容，包括節點和文本。這個方法和children()的區別就在於，包括空白文本，也會被做爲一個

jQuery對象返回，children()則只會返回節點

jQuery.prev()，返回上一個兄弟節點，不是全部的兄弟節點

jQuery.prevAll()，返回全部以前的兄弟節點

jQuery.next(),返回下一個兄弟節點，不是全部的兄弟節點

jQuery.nextAll()，返回全部以後的兄弟節點

jQuery.siblings(),返回兄弟姐妹節點，不分先後
（我的筆記僅此奉上不知道怎樣才能讓有須要的小夥伴看到但願大家搜對了吧）

（下一節中我會把單表增刪改用SSM寫出來步驟詳細包含截圖  從數據庫到顯示層全都有  感興趣的小夥伴記得點個贊關注我）