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 相关文章推荐
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 Javascript
JavaScript电子时钟倒计时
Jan 09 Javascript
javascript移动开发中touch触摸事件详解
Mar 18 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
bootstrap警告框示例代码分享
May 17 Javascript
使用重写url机制实现验证码换一张功能
Aug 01 Javascript
简化vuex的状态管理方案的方法
Jun 02 Javascript
Express本地测试HTTPS的示例代码
Jun 06 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
如何封装Vue Element的table表格组件
Feb 06 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
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
建立动态的WML站点(一)
2006/10/09 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
PHP添加文字水印或图片水印的水印类完整源代码与使用示例
2019/03/18 PHP
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
简述vue中的config配置
2018/01/23 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
2018/08/02 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
js实现无缝轮播图插件封装
2020/07/31 Javascript
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
Python内置函数的用法实例教程
2014/09/08 Python
Python对数据库操作
2016/03/28 Python
Python2.7基于笛卡尔积算法实现N个数组的排列组合运算示例
2017/11/23 Python
python如何去除字符串中不想要的字符
2020/07/05 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
详解Python用户登录接口的方法
2019/04/17 Python
Python人脸识别第三方库face_recognition接口说明文档
2019/05/03 Python
pycharm的python_stubs问题
2020/04/08 Python
Python运算符+与+=的方法实例
2021/02/18 Python
英国最大的网上药品商店:Chemist Direct
2017/12/16 全球购物
ktv收银员岗位职责
2013/12/16 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
认购协议书范本
2014/04/22 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
大气污染防治方案
2014/05/19 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
工作简报范文
2015/07/21 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
人生感悟经典句子
2019/08/20 职场文书
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android