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 相关文章推荐
toggle()隐藏问题的解决方法
Feb 17 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 Javascript
Angular 4环境准备与Angular cli创建项目详解
May 27 Javascript
基于vue+canvas的excel-like组件实例详解
Nov 28 Javascript
在 Angular中 使用 Lodash 的方法
Feb 11 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 24 Javascript
Openlayers实现测量功能
Sep 25 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
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
jquery插件之easing使用
2010/08/19 Javascript
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
2017/08/16 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
介绍Python中的fabs()方法的使用
2015/05/14 Python
python3.x上post发送json数据
2018/03/04 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
python入门之井字棋小游戏
2020/03/05 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
区分python中的进程与线程
2020/08/13 Python
Python基于locals返回作用域字典
2020/10/17 Python
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
医药大学生求职简历的自我评价
2013/10/17 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
2016年会开场白台词
2015/06/01 职场文书
职工食堂管理制度
2015/08/06 职场文书
vue首次渲染全过程
2021/04/21 Vue.js
详解Vue中$props、$attrs和$listeners的使用方法
2022/02/18 Vue.js