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 相关文章推荐
Prototype String对象 学习
Jul 19 Javascript
js控制网页背景音乐播放与停止的方法
Feb 06 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
Oct 23 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
基于jquery编写分页插件
Mar 07 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
Mar 04 Javascript
关于vue-cli3打包代码后白屏的解决方案
Sep 02 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
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
JavaScript 三种不同位置代码的写法
2009/10/25 Javascript
js 动态选中下拉框
2009/11/26 Javascript
js 表格隔行颜色
2009/12/02 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
2016/01/18 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
vant IndexBar实现的城市列表的示例代码
2019/11/20 Javascript
VUE Elemen-ui之穿梭框使用方法详解
2021/01/19 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
21行Python代码实现拼写检查器
2016/01/25 Python
python 对象和json互相转换方法
2018/03/22 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
Django REST framework内置路由用法
2019/07/26 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
python和php哪个更适合写爬虫
2020/06/22 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
Canvas制作的下雨动画的示例
2018/03/06 HTML / CSS
德国低价购买灯具和家具网站:Style-home.de
2016/11/25 全球购物
极度干燥澳大利亚官方网站:Superdry澳大利亚
2019/03/28 全球购物
外企办公室竞聘演讲稿
2013/12/29 职场文书
优秀学生获奖感言
2014/02/15 职场文书
工作说明书范文
2014/05/07 职场文书
美术教师求职信范文
2015/03/20 职场文书
Python实现日志实时监测的示例详解
2022/04/06 Python
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js