jQuery实现两列等高并自适应高度


Posted in Javascript onDecember 22, 2016

想要使用JQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。看代码:

$(document).ready(function() {
 var _leftheight = jQuery(".left").height();
 var _rightheight = jQuery(".right").height();
 if (_leftheight > _rightheight) {
  jQuery(".right").height(_leftheight);
 } else {
  jQuery(".left").height(_rightheight);
 }
});

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
Jan 26 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
浅谈JavaScript中小数和大整数的精度丢失
May 31 Javascript
js简易版购物车功能
Jun 17 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
vue中$refs的用法及作用详解
Apr 24 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
原生JS实现记忆翻牌游戏
Jul 31 Javascript
原生JavaScript实现轮播图
Jan 10 Javascript
JavaScript实现4位随机验证码的生成
Jan 28 Javascript
JS常用加密编码与算法实例总结
Dec 22 #Javascript
Javascript 制作图形验证码实例详解
Dec 22 #Javascript
jquery中用函数来设置css样式
Dec 22 #Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 #Javascript
js数组去重的hash方法
Dec 22 #Javascript
JavaScript生成.xls文件的代码
Dec 22 #Javascript
微信小程序 表单Form实例详解(附源码)
Dec 22 #Javascript
You might like
global.php
2006/12/09 PHP
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
Windows下php+mysql5.7配置教程
2017/05/16 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
基于Jquery的实现回车键Enter切换焦点
2010/09/14 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
jQuery常用且重要方法汇总
2015/07/13 Javascript
Sea.JS知识总结
2016/05/05 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python进程管理工具supervisor使用实例
2014/09/17 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
python实现音乐下载器
2018/04/15 Python
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
CSS3 transforms应用于背景图像的解决方法
2019/04/16 HTML / CSS
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
进修护士自我鉴定
2013/10/14 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers