`
shuaigg.babysky
  • 浏览: 571463 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

jquery里面几个height,width属性

阅读更多

body {margin:0;padding:0;}
div#aaa{width:400px;height:400px;border:5px solid black;margin:20px;padding:30px;}

 

width:400
height:400
innerWidth:460
innerHeight:460
outerWidth:470
outerHeight:470
outerWidthTrue:510
outerHeightTrue:510

 

width 和 height 就是真正的内容部分

 

innerWidth innerHeight 是加上了padding部分

 

outerHeight outerWidth 是加上了padding和border的部分

 

outerWidthTrue outerHeightTrue是加上了padding,border,margin的部分

分享到:
评论

相关推荐

    Jquery插件 easyUI属性汇总

    本文将汇总 EasyUI 中的一些关键属性,主要聚焦于 `jQuery UI` 插件,尤其是 `easyUI` 中的 `window`, `panel`, `linkbutton`, 和 `validatebox` 这几个组件。 首先,`easyui-window` 是用于创建窗口组件的 CSS 类...

    jquery实现的网页水印

    总结起来,利用`jQuery`实现网页水印涉及以下几个关键点: 1. 使用CSS创建一个透明度适中的背景层作为水印。 2. 使用`jQuery`的`resizeend`事件监听窗口大小变化,实时调整水印的位置和大小。 3. 可能需要根据窗口...

    jQuery容器的自适应.pptx

    width()和 height()是指元素里面内容的宽高; innerWidth()和 innerHeight()是指元素里面内容的宽高加上内边距的宽高; outerWidth()和 outerHeight()是指元素里面内容的宽高加上内边距的宽高和边框; 1、元素的宽和...

    jquery EasyUI插件属性汇总.

    本文主要对 jQuery EasyUI 中的几个常用插件进行属性汇总,包括 window、panel 和 linkbutton 组件。 #### 二、diveasyui-window 属性汇总 **1. diveasyui-window** 用于生成一个窗口样式。 - **modal**:确定...

    jquery盒子菜单导航

    例如,我们可以使用`.width()`和`.height()`方法获取或设置元素的宽度和高度,`.css()`函数则可以改变元素的任何CSS属性,包括边框和内边距。 在实现“jQuery盒子菜单导航”时,我们需要考虑以下几个关键点: 1. *...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    jquery几种特效

    你可以指定CSS属性(如width、height、opacity等)和它们的变化值,然后jQuery会平滑地过渡到这些新值。例如,`.animate({left: '+=100', opacity: 0.5}, 1000)`会在1秒内将元素的left属性增加100像素,并将透明度...

    jquery弹出层 的几个例子

    标题"jquery弹出层的几个例子"暗示我们将通过实践案例来学习如何实现这一功能。以下是几个关键知识点: 1. **jQuery基本结构**:首先,确保在HTML文件中引入了jQuery库,例如`...

    jquery插件开发文档

    总的来说,文档强调了创建jQuery插件时的几个关键实践,包括如何封装插件代码、处理`this`关键字的作用域、保持链式调用、以及如何处理默认值和配置选项等。这些都是开发者在进行jQuery插件开发时应该掌握的基础知识...

    CSS实现Jquery随机头像

    这个过程涉及到前端开发中的几个关键知识点,包括CSS的选择器、样式设置、JavaScript的基本操作以及Jquery的API使用。 首先,我们要理解CSS(Cascading Style Sheets)的作用。CSS是一种用于描述HTML或XML(包括如...

    jquery-ui-1.8.16(jquery的用户接口界面)

    在提供的压缩包中,我们可以看到以下几个关键文件夹: 1. **index.html**:这是项目的入口文件,通常包含jQuery和jQuery UI库的引用,以及用于展示组件的示例代码。通过分析此文件,我们可以快速了解如何在实际项目...

    JQuery中文CHM字典

    5. **动画**: jQuery的`animate()`方法可用于创建平滑的CSS属性过渡效果,如`$("#box").animate({width: "50%", height: "50%"}, 1000);`将ID为box的元素的宽度和高度在1秒内分别调整至其父元素的一半。 6. **Ajax...

    jquery图片插件设置图片等比例缩放

    实现这一功能通常涉及到以下几个步骤: 1. **选择元素**:使用jQuery的选择器选取需要处理的图片元素,例如`$("img")`会选取所有的图片元素。 2. **计算比例**:获取图片的原始宽度和高度,然后根据目标容器的尺寸...

    Jquery自带弹出框效果

    当我们谈论“Jquery自带的弹出框效果”时,实际上是指jQuery UI中的几个对话框组件,如`dialog()`函数。这些弹出框不仅提供了基本的提示功能,还能实现复杂的交互式窗口,为用户界面添加丰富的用户体验。 1. **...

    jquery图片居中放大代码.zip

    在jQuery中,实现这个效果通常分为以下几个步骤: 1. **HTML结构**: 首先,你需要在HTML中设置一个容器(如div),用来放置图片。容器应该具有相对定位,以便子元素可以相对于其进行绝对定位。图片通常会被设置为...

    jQuery水滴滴下产生水波纹波动动画特效

    为了创建这个特效,我们需要以下几个关键步骤: 1. **HTML结构**:在`index.html`文件中,你需要创建一个容器元素来显示水波纹效果。这个元素通常是一个`div`,我们可以给它添加一个特定的类名以便在CSS和JS中引用...

    jquery更改元素属性attr()方法操作示例

    这个方法主要有以下几个用途: 1. 获取元素的属性值; 2. 为元素设置新的属性值; 3. 使用函数动态地为元素设置属性值; 4. 同时为一个或多个元素设置多个属性值; 5. 删除指定的元素属性。 attr()方法的基本语法:...

    jQuery常用功能大全

    11. 几个有用的jQuery方法:除了以上提到的方法,jQuery还提供了其他很多方便的功能,比如选择器的扩展、遍历元素的工具方法(如.filter()、.first()、.last())、获取和设置表单值的.val()方法等。 12. 解决自定义...

    jquery 源码分析

    其设计理念主要体现在以下几个方面: 1. **DOM操作简化**:通过简洁的语法实现对DOM元素的选择、操作和事件处理。 2. **链式调用支持**:允许一系列的方法调用连续进行,提高了代码的可读性和维护性。 3. **跨...

    几个实用的jQuery弹出遮罩层例子

    本篇文章将详细探讨在jQuery中实现弹出遮罩层的技术要点,通过几个实例来帮助初学者理解并掌握这一技能。 首先,我们需要了解遮罩层(Modal)的概念。遮罩层是一种常见的用户界面元素,它在网页上创建一个半透明或...

Global site tag (gtag.js) - Google Analytics