首页 > 代码库 > 非常适合新手的jq/zepto源码分析05

非常适合新手的jq/zepto源码分析05

2024-09-08 15:54:45   219人阅读

zepto的原型  $.fn  属性：

constructor　　　　　　　　　　　　　　//构造行数
forEach: emptyArray.forEach,　　　　//都是原生数组的函数
reduce: emptyArray.reduce,
push: emptyArray.push,
sort: emptyArray.sort,
splice: emptyArray.splice,
indexOf: emptyArray.indexOf,

　

concat　　　　　　　　　　　　　　　　　　//合并数组，这里还包含了合并节点集合
add　　　　　　　　　　　　　　　　　　　 //添加节点集合
is　　　　　　　　　　　　　　　　　　　　//匹配是否包含该选择器
      find: function(selector){
                var result, $this = this
                if (!selector) result = $()
                else if (typeof selector == ‘object‘)
                    result = $(selector).filter(function(){
                        var node = this
                        return emptyArray.some.call($this, function(parent){
                            return $.contains(parent, node)
                        })
                    })
                else if (this.length == 1) result = $(zepto.qsa(this[0], selector))
                else result = this.map(function(){ return zepto.qsa(this, selector) })
                return result
            },

　　

emptyArray.some()     http://www.cnblogs.com/jiebba/p/6514067.html   可以看看js几种遍历不同

pluck　　　　　　　　　　　　　　根据属性来返回节点集合
   // 设置宽高
        ;[‘width‘, ‘height‘].forEach(function(dimension){
            var dimensionProperty =
                dimension.replace(/./, function(m){ return m[0].toUpperCase() })

            $.fn[dimension] = function(value){
                var offset, el = this[0]
                if (value =http://www.mamicode.com/== undefined) return isWindow(el) ? el[‘inner‘ + dimensionProperty] :>

　　





　//添加函数`after`, `prepend`, `before`, `append`,



 adjacencyOperators.forEach(function(operator, operatorIndex) {
            var inside = operatorIndex % 2 //=> prepend, append

            $.fn[operator] = function(){
                // arguments can be nodes, arrays of nodes, Zepto objects and HTML strings
                var argType, nodes = $.map(arguments, function(arg) {
                        var arr = []





　　




 zepto.Z.prototype = Z.prototype = $.fn





　　


绑定到原型上面




    window.Zepto = Zepto
    window.$ === undefined && (window.$ = Zepto)
    //绑定在全局





　　


代码仅供参考，具体功能可以自己扩展。


http://www.cnblogs.com/jiebba/p/6529854.html 


http://www.cnblogs.com/jiebba    我的博客，来看吧！


如果有错误，请留言修改下 哦！
非常适合新手的jq/zepto源码分析05






























        

            
                
                  
                
                

                    联系

                    我们