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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
关于js注册事件的常用方法
Apr 03 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
Mar 14 Javascript
JS实现字符串去重及数组去重的方法示例
Apr 21 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
layui table 列宽百分比显示的实现方法
Sep 28 Javascript
如何解决vue在ios微信"复制链接"功能问题
Mar 26 Javascript
js数组中去除重复值的几种方法
Aug 03 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
人工智能开始玩《星际争霸2》 你的操作跟得上吗?
2017/08/11 星际争霸
PHP目录函数实现创建、读取目录教程实例
2011/01/13 PHP
PHP strip_tags保留多个HTML标签的方法
2016/05/22 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP 图片处理
2020/09/16 PHP
css图片自适应大小
2007/11/28 Javascript
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
对vuex中getters计算过滤操作详解
2019/11/06 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
[01:13:59]LGD vs Mineski Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
跟老齐学Python之用Python计算
2014/09/12 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
keras中的backend.clip用法
2020/05/22 Python
Python Tkinter图形工具使用方法及实例解析
2020/06/15 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
十八大闭幕感言
2014/01/22 职场文书
网上卖盒饭创业计划书范文
2014/02/07 职场文书
绿色环保演讲稿
2014/05/10 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电