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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
javascript function调用时的参数检测常用办法
Feb 26 Javascript
juqery 学习之四 筛选查找
Nov 30 Javascript
node安装--linux下的快速安装教程
Mar 21 Javascript
jQuery Plupload上传插件的使用
Apr 19 jQuery
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
js实现表格单列按字母排序
Aug 12 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
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
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
C#静态方法与非静态方法实例分析
2014/09/22 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
php经典趣味算法实例代码
2020/01/21 PHP
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
5款Javascript颜色选择器
2009/10/25 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
2015/06/08 Javascript
详解JavaScript中数组的reduce方法
2016/12/02 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
老生常谈angularjs中的$state.go
2017/04/24 Javascript
详解在 Angular 项目中添加 clean-blog 模板
2017/07/04 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
详解js获取video任意时间的画面截图
2019/04/17 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
js实现轮播图特效
2020/05/28 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
Python操作MongoDB详解及实例
2017/05/18 Python
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
win10系统下Anaconda3安装配置方法图文教程
2018/09/19 Python
linux中如何使用python3获取ip地址
2019/07/15 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
员工晚婚的请假条
2014/02/08 职场文书
吸烟检讨书2000字
2014/02/13 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
五一促销活动总结
2014/07/01 职场文书
环境保护建议书
2014/08/26 职场文书
2014年社区工会工作总结
2014/12/18 职场文书
MySQL的join buffer原理
2021/04/29 MySQL
MySQL笔记 —SQL运算符
2022/01/18 MySQL
Python学习之异常中的finally使用详解
2022/03/16 Python