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 相关文章推荐
JS分割字符串并放入数组的函数
Jul 04 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
非html5实现js版弹球游戏示例代码
Sep 22 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
Vue.js 2.0学习教程之从基础到组件详解
Apr 24 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
详解javascript replace高级用法
Feb 17 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
Sep 28 Javascript
JS实现简单日历特效
Jan 03 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
May 19 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
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
2013/04/22 Javascript
javascript删除字符串最后一个字符
2014/01/14 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
Vue组件通信的四种方式汇总
2018/02/08 Javascript
Vue中props的使用详解
2018/06/15 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
python list转dict示例分享
2014/01/28 Python
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python的mysql数据库的更新如何实现
2017/07/31 Python
python中的变量如何开辟内存
2018/06/26 Python
pandas基于时间序列的固定时间间隔求均值的方法
2019/07/04 Python
python中的global关键字的使用方法
2019/08/20 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
如何用python处理excel表格
2020/06/09 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
Python Flask异步发送邮件实现方法解析
2020/08/01 Python
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
数百万免费的图形资源:Freepik
2020/09/21 全球购物
毕业生文员求职信
2013/11/03 职场文书
环保建议书200字
2014/05/14 职场文书
副科级后备干部考察材料
2014/05/15 职场文书
2014年检验科工作总结
2014/11/22 职场文书
活动总结书怎么写
2015/05/11 职场文书