zepto扩展outerWidth与outerHeight方法

扩展outerWidth,outerHeight方法

(function($){
    "use strict";

    [‘width‘,‘height‘].forEach(function(dimension){

        var Dimension = dimension.replace(/./,function(m){
            return m[0].toUpperCase();
        });

        //outerWidth or outerHeight

        $.fn[‘outer‘ + Dimension] = function(margin) {
            var elem = this;

            if(elem) {

                // elem.width(); or  elem.height();
                var size = elem[dimension]();

                var sides = {
                    ‘width‘ : [‘left‘, ‘right‘],
                    ‘height‘ : [‘top‘, ‘bottom‘]
                };

                sides[dimension].forEach(function(side){
                    if(margin) {
                        size += parseInt(elem.css(‘margin-‘+side),10);
                    }
                });

                return size;
            } else {
                return null;
            }
        }

    });
})($);
时间: 2024-07-28 21:01:08

zepto扩展outerWidth与outerHeight方法的相关文章

width() 、 height() 方法;innerWidth() 、innerHeight() 方法;outerWidth() 、 outerHeight() 方法的区别

1.width() . height() 方法 设置或返回元素的宽度.高度(不包括内边距.边框或外边距): 2.innerWidth() .innerHeight() 方法 返回元素的宽度.高度(包括内边距): 3.outerWidth() . outerHeight() 方法 返回元素的宽度.高度(包括内边距和边框): 原文地址:https://www.cnblogs.com/hwldyz/p/9335850.html

jQuery中的width()、heihgt()、innerWidth()、innerHeight()、outerWidth()和outerHeight()方法的区别

jQuery中的 width().innerWidth().outerWidth().outerWidth(true)和 height().innerHeight().outerHeight().outerHeight(true)方法的区别 相信有些刚开始接触jquery的友友们,对这几个方法的区别总是模棱两可,似乎清楚似乎有是一个模糊的概念,下面是我自己整理的一张图,相信看了之后会对这几个方法有一个全新的认识.

zepto扩展prevAll 与nextAll 方法

$.fn.prevAll = function(selector){ var prevEls = []; var el = this[0]; if(!el) return $([]); while (el.previousElementSibling) { var prev = el.previousElementSibling; if (selector) { if($(prev).is(selector)) prevEls.push(prev); } else prevEls.push(pr

jquery outerHeight方法 outerWidth方法 获取元素实际宽度高度

以前写代码中,每当需要获取元素的实际"宽度"(这里的宽度是指元素宽度加上其边距)时,都需要用元素宽度加上margin值才行,今天发现一个叫outerWidth(options)的方法 ,很好用.完成了原来需要用一段来操作做的工作. 这个方法不适用于window 和 document对象,可以使用.width()代替. 下面是其简单介绍 outerWidth(options) 获取第一个匹配元素外部宽度(默认包括补白和边框). 此方法对可见和隐藏元素均有效. 返回值:Integer 一个

HTML扩展类的所有方法都有2个参数:

——摘自Rocky Ren 以textbox为例子 public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, IDictionary<string, Object> htmlAttributes ) public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, Object h

Thinkphp编辑器扩展类kindeditor使用方法

一, 使用前的准备. 使用前请确认你已经建立好了一个Thinkphp网站项目. 1,Keditor.class.php和JSON.class.php 是编辑器扩展类文件,将他们复制到你的网站项目的ThinkPHP\Lib\ORG\Net 文件夹下. 2,editor文件夹是kindeditor的核心包.将其复制到你项目的Public文件夹下(和入口文件同级的那个Public),并在Public下再建立一个Upload文件夹,用于存放使用编辑器上传的图片. 3,KeditorAction.clas

linux系统下php安装mbstring扩展的二种方法

.执行 复制代码代码如下: yum install php-mbstring 2. 修改php.ini (这一步非常重要, 部分lxadmin版本无法自动修改) 复制代码代码如下: echo ‘extension=mbstring.so' >>/etc/php.ini #更具php安装目录而定 3. 重启web service 如果是apache: service httpd restart 方法二:php 5.36安装目录:/usr/local/php 复制代码代码如下: #cd /usr/

PHP Socket(套接字连接)扩展简介和使用方法

PHP socket扩展是基于流行的BSD sockets,实现了和socket通讯功能的底层接口,它可以和客户端一样当做一个socket服务器. 使用这些函数时请注意,虽然他们中有很多和C函数同名的,但声明却很可能不同.未避免混淆,请仔细阅读函数描述. 不熟悉socket编程的可以在Unix手册上找到很多有用的信息,网上也有很多C socket编程方面的教程,简单修改一下就可以应用于PHP socket编程. 第一步:开启socket 到php.ini开启extension=php_socke

关系型数据库横向扩展的三种方法

本文是 Oracle Coherence 3.5一书,第一章: Achieving Performance, Scalability, and Availability Objectives,第二节:Achieving scalability中,数据库横向扩展部分的读书笔记. 传统的关系型数据库很难扩展,通常是纵向扩展,但到达一定程度时只能横向扩展. 数据库的横向扩展支持三种方法,即主从复制,集群和分片(sharding). 主从复制 主从复制(Master-slave replication)