jQuery--.css(width)和.width()的区别

首先先解释下普通元素和非普通元素，非普通元素是指window，document这些元素对象，普通元素是指除window，document这些非普通元素外的元素，如：div

对于普通的元素，他们的作用相同。
比如
网页上有一个 div 元素：
<div style="width:200px;height:200px;"></div>
我们可以使用：
$(function(){
var width1 = $("div").css("width");
var width2 = $("div").width();
})
都可以获取到宽度width。
不过要注意：
.css("width")会带单位，例子中会输出： 200px ；
.width（）则不带单位，输出 200 ；

对于非普通元素，只能使用 .width()
如：
我们想获取 window对象的宽度,我们只能使用$(window).width();输出电脑屏幕的宽度；
使用$(window).css("width"); 输出 undifined

同理，.css("height")和.height()也一样。

案例：

var _w = $(this).children('span').css("width");var _h = $(this).children('span').css("height");$(this).children('.mask').css({"width":_w,"height":_h});

这是Jquery的一个案例。

转载于:https://www.cnblogs.com/jshoukun/archive/2011/12/19/2293702.html

jQuery--.css(width)和.width()的区别相关推荐

比较 width 与 offsetwidth 的区别
比较width 与 offsetWidth 的区别 1.offsetWidth > width element.offsetWidth = element.style.width + eleme ...
width 与 offsetWidth 的区别
width 与 offsetWidth 的区别 1.宽度值大小:offsetWidth > width element.offsetWidth = element.style.width + e ...
html offsetwidth 字符串宽度,基于js中style.width与offsetWidth的区别(详解)
作为一个初学者,经常会遇到在获取某一元素的宽度(高度.top值...)时,到底是用 style.width还是offsetWidth的疑惑. 1. 当样式写在行内的时候,如时,用 style.wid ...
前端 html 基础 jQuery css
前端开发 html 基础填充模板常用标签显示标签(p,span,label) 列表标签(下拉框,table) 输入标签(按钮,text,文本框,选择框,radio) 标签页 js js基础 js ...
html自定义标签提示,用简单的jquery+CSS创建自定义的a标签title提示tooltip_HTML/Xhtml_网页制作...
简介用简单的jquery+CSS创建自定义的a标签title提示,用来代替浏览器默认行为.如图: Javascript代码代码如下: $(function() { $("a[title] ...
jQuery css()选择器使用说明
css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS( ...
html下拉菜单jq怎么设置,jquery+css实现下拉列表功能
废话不多说了,直接给大家贴代码了,具体代码如下所述: fruit .hide { display: none; } div { float: left; width: 100%; } .selecto ...
使用jquery+css实现瀑布流布局
虽然可以直接使用css实现瀑布流布局,但显示的方式有点问题,所以这儿就直接使用jquery+css来实现瀑布流布局,最终效果如下: 思路是通过将每个小块的position设置为relativ ...
html二级页面内容滑动,jQuery+CSS实现的网页二级下滑菜单效果
本文实例讲述了jQuery+CSS实现的网页二级下滑菜单效果.分享给大家供大家参考.具体如下: 这是一款简洁型的 jQuery+CSS网页二级下滑菜单,练手写的,有需要的自己拿去美化吧,基本的动画效果 ...
jquery css事件编程尺寸设置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

jQuery--.css(width)和.width()的区别

jQuery--.css(width)和.width()的区别相关推荐

最新文章

热门文章