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 相关文章推荐
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
利用javascript打开模态对话框(示例代码)
Jan 11 Javascript
jquery和雅虎的yql服务实现天气预报服务示例
Feb 08 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
Dec 26 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
antd日期选择器禁止选择当天之前的时间操作
Oct 29 Javascript
微信小程序实现日历小功能
Nov 18 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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中全局变量global的使用演示代码
2011/05/18 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
2019/09/27 Javascript
继承行为在 ES5 与 ES6 中的区别详解
2019/12/24 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
Python获取apk文件URL地址实例
2013/11/01 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
用TensorFlow实现lasso回归和岭回归算法的示例
2018/05/02 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
python实现生成Word、docx文件的方法分析
2019/08/30 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
记一次pyinstaller打包pygame项目为exe的过程(带图片)
2020/03/02 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
详解CSS3中强大的filter(滤镜)属性
2017/06/29 HTML / CSS
html5简介及新增功能介绍
2020/05/18 HTML / CSS
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
物流管理专业推荐信
2014/09/06 职场文书
开展党的群众路线教育实践活动总结报告
2014/10/31 职场文书
初中语文教学随笔
2015/08/15 职场文书
Linux中如何安装并部署Redis
2022/04/18 Servers
sql注入报错之注入原理实例解析
2022/06/10 MySQL