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 相关文章推荐
JavaScript中对JSON对象的基本操作示例
May 21 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
Sep 30 Javascript
ES6 javascript中class类的get与set用法实例分析
Oct 30 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
vue 微信扫码登录(自定义样式)
Jan 06 Javascript
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
Apr 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
SONY ICF-SW7600的电路分析
2021/03/02 无线电
理解php Hash函数,增强密码安全
2011/02/25 PHP
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
js function使用心得
2010/05/10 Javascript
Angularjs 基础入门
2014/12/26 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
BootStrap table使用方法分析
2016/11/08 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
Python爬豆瓣电影实例
2018/02/23 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
Python subprocess模块功能与常见用法实例详解
2018/06/28 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
Python编译成.so文件进行加密后调用的实现
2019/12/23 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
六种酷炫Python运行进度条效果的实现代码
2020/07/17 Python
pytorch简介
2020/11/11 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
音乐学专业求职信
2014/07/22 职场文书
教师个人成长总结
2015/02/11 职场文书
毕业设计致谢词
2015/05/14 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书