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

更新时间：2016年12月22日 11:11:07 作者：以茜为贵

想要使用jQuery实现两列等高并自适应高度，其实也很简单，原理就是取得左右两边的高度，然后判断这个值，把大的值赋给小的就行了。下面就跟小编一起来看下吧

想要使用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);
 }
});

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

jquery.cvtooltip.js 基于jquery的气泡提示插件
显示气泡提示的前提是，一定会有一个被提示的对象，默认的位置是根据body来计算的，这样的坏处就是如果页面内容发生了变化，而气泡的位置没有改变，导致提示目的失败。
2010-11-11
jquery实现列表上下移动功能
这篇文章主要为大家详细介绍了jquery 实现列表上移、下移功能的相关资料，感兴趣的小伙伴们可以参考一下
2016-02-02
基于jquery实现简单的手风琴特效
这篇文章主要介绍了基于jquery实现简单的手风琴特效，需要的朋友可以参考下
2015-11-11
真正的JQuery.ajax传递中文参数的解决方法
许多人在使用JQuery.ajax方法时肯定会遇到一个问题。在编码不是UTF-8的时候，当传递的参数里有中文的时候，服务端Request的时候都会出现乱码。
2011-05-05
详谈jQuery中的this和$(this)
在使用jquery操作js时，经常弄不明白this与$(this)。最近不是很忙，抽空仔细研究了一下，记录下来以供在忘记的时候拉出来参考参考！
2014-11-11
jquery禁止回车触发表单提交
这篇文章主要介绍了jquery实现的禁止回车触发表单提交的方法，非常的使用，这里推荐给大家。
2014-12-12
Jquery中基本选择器用法实例详解
这篇文章主要介绍了Jquery中基本选择器用法,以实例形式较为详细的分析了jQuery中常见选择器的使用方法,并备有较为详细的备注说明,需要的朋友可以参考下
2015-05-05
jquery右下角弹出提示框示例代码
右下角弹出提示框想必大家都有见到过吧，其实有实现方法有很多，在本文为大家详细介绍在jquery中具体的实现，感兴趣的朋友可以了解下
2013-10-10
简单实用jquery版三级联动select示例
本文主要为大家介绍下通过jquery实现三级联动select这里用到的json文件，只是事例，根据情况添加或编写，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-07-07
jQuery.parseHTML() 函数详解
这篇文章主要介绍了jQuery.parseHTML() 函数,用于将HTML字符串解析为对应的DOM节点数组,需要的朋友可以参考下
2017-01-01