jquery可以以百分比形式返回元素的高度吗？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

waypoint_使用jQuery Waypoint创建粘性导航标题

这些也可以是元素宽度的百分比，这非常方便-这种方法允许边界半径自动适应框尺寸的变化。使用::after伪元素创建完成导航栏功能区外观的小“阴影”。...它们的宽度和高度以及边界半径也使用百分比设置。...offset的值可以是数字（代表固定数量的像素），包含百分比的字符串（解释为视口高度的百分比）或返回多个像素的函数。最后一个可以提供一些严重的灵活性，稍后我们将使用它。...注意：每次调整窗口大小，添加新的航路点或修改航路点的选项时，都会重新计算此类过程生成的偏移（以及以百分比形式给出的偏移）。...希望我能早晚在这里或在Nettuts +上以快速提示的形式向您显示。敬请关注！

5.4K3 0

前端面试那些坑

[阿里航旅的面试题] 元素竖向的百分比设定是相对于容器的高度吗？全屏滚动的原理是什么？用到了CSS的那些属性？什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？...(携程) overflow: scroll时不能平滑滚动的问题怎么处理？有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。...jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？ jquery中如何将数组转化为json字符串，然后再转化回来？...队列可以用在哪些地方？谈一下Jquery中的bind(),live(),delegate(),on()的区别？ JQuery一个对象可以同时绑定多个事件，这是如何实现的？是否知道自定义事件。...（jQuery.fn.find()进入Sizzle）针对 jQuery性能的优化方法？ Jquery与jQuery UI有啥区别？ JQuery的源码看过吗？能不能简单说一下它的实现原理？

2.9K6 0

您找到你想要的搜索结果了吗？

是的

没有找到

前端工程师面试题汇总

[阿里航旅的面试题] 元素竖向的百分比设定是相对于容器的高度吗？全屏滚动的原理是什么？用到了CSS的那些属性？什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？...(携程) overflow: scroll时不能平滑滚动的问题怎么处理？有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。...jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？ jquery中如何将数组转化为json字符串，然后再转化回来？...队列可以用在哪些地方？谈一下Jquery中的bind(),live(),delegate(),on()的区别？ JQuery一个对象可以同时绑定多个事件，这是如何实现的？是否知道自定义事件。...JQuery一个对象可以同时绑定多个事件，这是如何实现的？ Node.js的适用场景？

2.7K8 0

jQuery 入门指南教程

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。...对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jQuery对象，而get(n)和索引返回的是dom元素对象。.../ 高宽度 $('#msg').height(); // 返回 id 为 msg 的元素的高度 $('#msg').height('300'); // 将 id 为 msg 的元素的高度设为 300...jQuery允许将所有操作连接在一起，以链条的形式写出来，比如： $('div').find('h3').eq(2).html('Hello'); 分解开来，就是下面这样： $('div') // 找到...它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。

1.7K1 1

JQuery选择器

– 通过调整高度来滑动显示被选元素 (selector).slideToggle() – 对被选元素进行滑动隐藏和滑动显示的切换 (selector).slideUp() – 通过调整高度来滑动隐藏被选元素...返回元素集合的函数都可以传传参数筛选，比如：parents()、siblings()、nextAll()、prevAll()、siblings()。...(selector).each() 对对象进行迭代，为每个元素执行函数 (selector).toArray() 以数组的形式返回 jQuery 选择器匹配的元素 (selector).text()...(selector).clone() – 创建匹配元素集合的副本 (selector).load() – 从服务器加载数据，然后把返回到 HTML 放入匹配元素 jQuery对CSS的操作 (selector...).height() – 设置或返回匹配元素的高度。

8.7K1 0

前端面试选择题_vue最新面试题

用途：js可以写es6、style样式可以scss或less、template可以加jade等 26、说几个ajax返回error的原因答：1、 dataType错误类型错误：后台返回的dataType...4、如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。...父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。...盒模型：在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，IE的宽度和高度还包含了padding和border。...设置百分比的高度：在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto设置水平居中：使用margin

1.6K1 0

前端学习资料整理

[阿里航旅的面试题] 元素竖向的百分比设定是相对于容器的高度吗？这是一个很让人困惑的CSS特征，我之前也谈到过它。...等，当按百分比设定它们时，依据的也是父容器的宽度，而不是高度。...jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？ jquery中如何将数组转化为json字符串，然后再转化回来？...jQuery 的队列是如何实现的？队列可以用在哪些地方？谈一下Jquery中的bind(),live(),delegate(),on()的区别？...优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会针对旧版本的IE进行降级处理了,使之在旧式浏览器上以某种形式降级体验却不至于完全不能用。

4.2K2 0

jQuery

jQuery 对象是经过包装的dom对象（伪数组形式存储） jQuery对象才能使用jQuery方法,不能混用 1.1.4 jQuery对象和Dom对象转换 // DOM对象转换成jQuery对象...”) 检查当前的元素是否含有某个特定的类，如果有，则返回true eq(index) $(“li”).eq(2); 相当于$(“li:eq(2)” ) ,index从0开始 2.2 基础知识 2.2.1...页面刷新缓存清除 data('myName','ljc');//向元素添加数据 data('myName');//向元素读取数据 4.1.4 全选按钮通过:checked选择器，可以以数组形式返回被选中的元素...包括 padding、border、margin 返回值是数字型的如果参数是数字，则修改样式参数不写单位 4.4.2 jQuery 位置操作 offset()设置获取元素偏移获取的位置是相对于文档的偏移坐标...设置元素被卷去的头部和左侧不跟参数是获取，跟参数是设置 5.1 jQuery 事件 5.1.1 on() 绑定事件 on()绑定事件的好处可以绑定多个事件，多个处理事件函数 $('div').on

10.3K1 0

jQuery

() - 在被选元素之前插入内容通用的格式，以下以append()为例，只是显示的效果不同。...尺寸 width() - 设置或返回元素的宽度（不包括内边距、边框或外边距）。 height() - 设置或返回元素的高度（不包括内边距、边框或外边距）。...innerWidth() - 返回元素的宽度（包括内边距） innerHeight() - 返回元素的高度（包括内边距）。 outerWidth() - 返回元素的宽度（包括内边距和边框）。...outerHeight() - 返回元素的高度（包括内边距和边框）。...服务器响应属性描述 responseText 获得字符串形式的响应数据。 responseXML 获得 XML 形式的响应数据。

18.3K2 0

【D3使用教程】(4) 添加数轴

（2）修整数轴上面的情况，我们还无法给新创建的g元素赋予样式。那该怎么做呢？通常情况下，我们可以给g元素指定一个axis类。...按常理，不是都应该在下面的吗？...(h-padding)是把分组的顶边y坐标设置为h，即整个SVG元素的高度，然后再减去我们前面定义的边距值(padding). 我们看到，g元素被加上了一个transform属性。...利用tickFormat()能为数值应用不同的格式，例如数值保留小数后三位，或显示为百分比等等。...如，数值为0.23返回的是23% 但是，使用tickFormat()之前，首先要定义一个新的数值格式函数。通过这个函数可以告诉D3把数值当成百分比，同时保留一位小数等等。

9411 0

JQuery最全常用方法指南

这个动画效果只调整元素的高度，可以使匹配的元素以 “滑动”的方式显示出来。...这个动画效果只调整元素的高度，可以使匹配的元素以”滑动” 的方式隐藏起来。...这个动画效果只调整元素的高度，可以使匹配的元素以”滑动”的方式隐藏或显示。...JQuery Traversing 方法说明 eq(index) 从匹配的元素集合中取得一个指定位置的元素，index从0开始 filter(expr) 返回与指定表达式匹配的元素集合，可以使用”,”号分割多个....innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而

13.2K3 1

每个高级前端工程师都应该知道的前端布局

难道不需要设计一张图片吗？我是不是在幻想？...等属性，它们都依赖于父组件的宽度和高度（margin 和 padding 都可以使用百分比值的形式，但这与通常的想法有点不同，不同之处在于 margin-top, margin-bottom, padding-top...如果为子元素的顶部和底部设置了百分比，它将相对于父元素的高度，并直接进行非静态定位（默认定位）。同样，如果为子元素的左侧和右侧设置了百分比，它将与父元素宽度的直接非静态定位（默认定位）相对应。...如果子元素的 padding 和 margin 设置为百分比，无论是垂直还是水平，它们都是相对于直接父元素的宽度而言的，与父元素的高度无关。...border-radius 是一个百分比，是相对于其宽度而言的缺点计算困难。如果我们要根据设计草案定义元素的宽度和高度，必须将其转换为百分比单位。

7682 0

手机响应式网站设计_如何做响应式网页设计

用百分比布局。宽度自适应做到了但是高度呢，高度也用百分比吗？难道把元素的高度写死吗。这种做法就是jquery mobile页面的做法了，大屏手机显示效果不好看。用Bootstrap做栅格化。...这种做法有个很大的弊病，小屏隐藏多余的元素来展示页面，而实际上那些元素你都加载进来了，浪费资源。前面两种做法也很难完美还原设计图的尺寸。那有什么好的办法呢？...不管在哪个地方单位换算的规则都是不会变的。如何跟设计图对接设计图上的单位是px，我们如何转换成em呢，难道用计算器吗？...我看了小米的wap页面，他们做了一个媒体查询表，根据不同分辨率设置根目录的字号。这样就可以实现自适应了！...我们配合CSS预编译来做呢，less、sass、stylus，不是可以让css有运算能力吗。之后我发现了百度EFE团队开发的基于less的est框架里面就包含了这功能。

2K1 0

2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)

例如我要从域A的页面pageA加载域B的数据，那么在域B的页面pageB中我以JavaScript的形式声明pageA需要的数据，然后在 pageA中用script标签把pageB加载进来，那么pageB...JSONP在此基础上加入了回调函数，pageB加载完之后会执行pageA中定义的函数，所需要的数据会以参数的形式传递给该函数。...在 CSS3 之前，背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。您能够以像素或百分比规定尺寸。...如果以百分比规定尺寸，那么尺寸相对于父元素的宽度和高度。 · background-origin ：属性规定背景图片的定位区域。...(2)、$(document).ready() 方法可以在DOM载入就绪时就对其进行操纵，并调用执行绑定的函数。 65、 jquery中$.get()提交和$.post()提交有区别吗？

2.3K2 0

继续死磕前端

1.1 jquery 选择器还记到大明湖畔（CSS）的夏雨荷（选择器）吗？选择器可以快速定位到元素并为其应用样式效果。jquery 选择器的选择规则与 CSS 相同，只是目的是为其添加操作。...//方式2 获取元素的索引值可以使用 index() 方法 1.3 jquery 动画通过 animate 方法可以设置元素某属性值上的动画，动画执行完后会执行一个函数。...如下： $('#div1') // id为div1的元素 .children('ul') //该元素下面的ul子元素 .slideDown('fast') //高度从零变到实际高度来显示ul元素 .parent...('fast'); //高度实际高度变换到零来隐藏ul元素换行是为了加注释解释每一个方法，其实它为一行。...[a-z0-9] : 匹配a到z或者0到9中的任意一个字符限制开头与结尾： ^ 以紧挨的元素开头 $ 以紧挨的元素结尾那么参数部分，常用的有： g：global，全文搜索，默认搜索到第一个结果接停止

3.7K1 0

jquery对象和dom对象的相互转换

1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom....innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而... $("#msg").height(); //返回id为msg的元素的高度 $("#msg").height("300"); //将id为msg的元素的高度设为300 $("#msg...height(300); $("#msg").width("200"); //设定宽高 $("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式...如：$(document.getElementById("msg")) 返回的就是jQuery对象，可以使用jQuery的方法。

4.5K4 0

7个Web前端程序员必须会用CSS技巧

1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；举个例子：其实出现这种现象...，我们可以巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）在这里小编建了一个前端学习交流扣扣群：132667127，我自己整理的最新的前端资料和高级开发教程，如果有想需要的...，可以加群一起学习交流当然该元素高度上的百分比是相对其父元素高度的百分比的，min-height及max-height也适用这条规律。...2、含有定位属性的元素，其top、bottom单位为百分比时，该百分比是相对于父元素的高度的。同理，left、right则是相对于父元素的宽度的。...6、ex和 ch单位 ex：取当前作用效果的字体的x的高度，在无法确定x高度的情况下以0.5em计算； ch:以节点所使用字体中的“0”字符为基准，找不到时为0.5em； ex和 ch单位，类似于 em

6370 0

js获取iframe中的内容(iframe内嵌页面)

大家好，又见面了，我是你们的朋友全栈君。 js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他的iframe的id 在父页面中定义函数，再到子页面中调用。...如何获取iframe里的src里面的属性 js如何修改iframe 中元素的属性 iframe 属性及用法越详细越好。。。。。。...在线等 iframe元素的功能是在一个html内嵌一个文档，创建一个浮动的郑iframe可以嵌在网页中的任意部分 name：内嵌帧名称 width：内嵌帧宽度(可用像素值或百分比) height：内嵌帧高度...(可用像素值或百分比) frameborder：内嵌帧边框 marginwidth：帧内文 jQuery怎么给iframe的src赋值给iframe src赋值，代码如下：特别注意： 1.上述jquery...JavaScript如何修改页面中iframe的属性值 HTML5有客户端数据储存的方法，但是支持的浏览器不多。

28.1K5 0

一周极客热文：Google近实时数据仓库系统Mesa曝光

一般查询几分钟就能出结果，跨多个数据中心，即使整个数据中心故障，仍然能够以较低延迟返回一致和可重复的查询结果。...CSS的clip属性只在绝对定位的元素上才会生效元素竖向的百分比设定是相对于容器的宽度，而不是高度 border属性比你想象的要复杂 text-decoration属性变成了属性简写 border-width...属性可以使用预定义常量值为什么没有人使用border-image 你知道table里的empty-cells属性吗？...Hack Design：去查收Hack Design的邮箱发现更完美的设计和以优雅的方式呈现的事物吧。...JQuery’s user interface documentation：使用jQuery可以使自己更深入理解前端背后的原理，并且可以使你能快速建立非常酷的项目。

1.2K10 0

前端之jquery函数库

() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某个元素 jquery链式调用　　jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写...[a-z0-9] : 匹配a到z或者0到9中的任意一个字符 6、限制开头结尾 ^ 以紧挨的元素开头 $ 以紧挨的元素结尾 7、修饰参数： g： global，全文搜索，默认搜索到第一个结果接停止 i...'键对应的值，然后将这个值和json数据拼装成一个函数调用的形式的字符串返回，就完成了一个jsonp的接口，这个键值对是由$.ajax函数自动产生的。...比如：'callback'键对应的值一般是这样的：jQuery1124018787969015631711_1522330257607，所以：一般接口返回的数据形式：'{"iNum":12,'sTr'...:'abc'}'; jsonp返回的数据形式：'jQuery1124018787969015631711_1522330257607({"iNum":12,"sTr":"abc"})';

6K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭