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 相关文章推荐
强制设为首页代码
Jun 19 Javascript
javascript FormatNumber函数实现方法
Dec 30 Javascript
HTML DOM的nodeType值介绍
Mar 31 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
jQuery中wrapInner()方法用法实例
Jan 16 Javascript
JS实现鼠标框选效果完整实例
Jun 20 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 Javascript
序列化模块json代码实例详解
Mar 03 Javascript
关于element-ui表单中限制输入纯数字的解决方式
Sep 08 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提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
jquery cookie插件代码类
2009/05/26 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
JS文本框默认值处理详解
2013/07/10 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
实现图片预加载的三大方法及优缺点分析
2014/11/19 Javascript
JS跨域问题详解
2014/11/25 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
python抓取网页中的图片示例
2014/02/28 Python
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
详解Python中的from..import绝对导入语句
2016/06/21 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
python实现简单加密解密机制
2019/03/19 Python
python如何写出表白程序
2020/06/01 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
德国户外商店:eXXpozed
2020/07/25 全球购物
局部内部类是否可以访问非final变量?
2013/04/20 面试题
关于奉献的演讲稿
2014/05/21 职场文书
农村门前三包责任书
2014/07/25 职场文书
党员个人总结自评
2015/02/14 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
在Docker容器中部署SQL Server
2022/04/11 Servers