亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

jQuery的遍歷結構設計

遍歷的接口我們可以歸為幾大類:

1 祖先
2 同胞兄弟
3 后代
4 過濾

遍歷的接口很多都是具有相似或者說是一類的處理功能,那么這種接口的設計我們不能就事論事的一個一個去實現,這樣代碼就會顯得非常累贅也不容易維護,那么就這么幾大類Query分了好幾十API出來,豐富的接口可以讓高層的設計更為簡單。但是框架內部的卻要簡練。那么針對這種類似功能的接口,jQuery內部就會做更多的抽象處理了。

1.針對層級關系的處理,jQuery就抽出了一個dir的方法,用于根據傳遞的元素與詞素的位置關系,查找指定的元素。

parent,parents,parentsUntil等方法如代碼所示:

function dir(elem, dir, until) { 
   //參考右邊代碼  
   return matched;
}

2.我們在上半部的第一章中就提到過迭代器,迭代器是一個框架的重要設計。

我們經常需要提供一種方法順序的用來處理聚合對象中各個元素,而又不暴露該對象的內部,這也是設計模式中的迭代器模式。

迭代器除了單純的遍歷,在jQuery內部的運用最多的就是接口的抽象合并,相同功能的代碼功能合并處理:

jQuery.each({  
   parent: function(elem) {}, 
   parents: function(elem) {},  
   nextAll: function(elem) {},  
   prevAll: function(elem) {},  
   ................
}, function(name, fn) {  
   api[name] = function(until, selector){    
  //代碼右圖  
};
});

可以看出上面代碼方法,針對相同的功能,節約了大量的代碼空間。

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?