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 定时器调用传递参数的方法
Nov 12 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 Javascript
纯javascript响应式树形菜单效果
Nov 10 Javascript
jquery事件的ready()方法使用详解
Nov 11 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
Jun 22 Javascript
Django使用多数据库的方法
Sep 06 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
node.js通过axios实现网络请求的方法
Mar 05 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
在Windows中安装Apache2和PHP4的权威指南
2006/10/09 PHP
php遍历目录与文件夹的多种方法详解
2013/11/14 PHP
JS获取后台Cookies值的小例子
2013/03/04 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
2017/05/02 Javascript
angular使用post、get向后台传参的问题实例
2017/05/27 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
Bootstrap table表格初始化表格数据的方法
2018/07/25 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
Jquery ajax书写方法代码实例解析
2020/06/12 jQuery
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
Ubuntu下创建虚拟独立的Python环境全过程
2017/02/10 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
python中常见错误及解决方法
2020/06/21 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
美国知名艺术画网站:Art.com
2017/02/09 全球购物
俄罗斯披萨、寿司和面食送货到家服务:2 Берега
2019/12/15 全球购物
环境科学专业个人求职信
2013/09/26 职场文书
科室工作个人总结的自我评价
2013/10/29 职场文书
西式结婚主持词
2014/03/14 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
春风化雨观后感
2015/06/11 职场文书
环保守法证明
2015/06/24 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js