编程 Javascript

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);
 }
});

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持三水点靠木！

jQuery实现两列等高并自适应高度

- Author -

以茜为贵

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

AJAX分页的代码(后台asp.net)

Feb 14 Javascript

避免回车键导致的页面无意义刷新的解决方法

Apr 12 Javascript

JS 按钮点击触发(兼容IE、火狐)

Aug 07 Javascript

js文本框输入点回车触发确定兼容IE、FF等

Nov 19 Javascript

使用AngularJS对路由进行安全性处理的方法

Jun 18 Javascript

js编写当天简单日历效果【实现代码】

May 03 Javascript

JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】

Sep 04 Javascript

AngularJS中transclude用法详解

Nov 03 Javascript

jQuery基于排序功能实现上移、下移的方法

Nov 26 Javascript

BootStrap中jQuery插件Carousel实现轮播广告效果

Mar 27 jQuery

微信小程序实现折叠面板

Jan 31 Javascript

JavaScript判断浏览器运行环境的详细方法

Jun 30 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中在数据库中保存Checkbox数据(2)

2006/10/09 PHP

第六章 php目录与文件操作

2011/12/30 PHP

PHP开发工具ZendStudio下Xdebug工具使用说明详解

2013/11/11 PHP

举例详解PHP脚本的测试方法

2015/08/05 PHP

作为程序员必知的16个最佳PHP库

2015/12/09 PHP

PHP7安装Redis扩展教程【Linux与Windows平台】

2016/09/30 PHP

Yii针对添加行的增删改查操作示例

2016/10/18 PHP

php-app开发接口加密详解

2018/04/18 PHP

laravel http 自定义公共验证和响应的方法

2019/09/29 PHP

javascript 单选框，多选框美化代码

2008/08/01 Javascript

jQuery使用append在html元素后同时添加多项内容的方法

2015/03/26 Javascript

javascript实现控制文字大中小显示

2015/04/28 Javascript

jQuery实现下滑菜单导航效果代码

2015/08/25 Javascript

前端 Vue.js 和 MVVM 详细介绍

2016/12/29 Javascript

AngularJS中使用three.js的实例详解

2017/07/21 Javascript

React教程之Props验证的具体用法（Props Validation）

2017/09/04 Javascript

详解小程序循环require之坑

2019/03/08 Javascript

vue vantUI实现文件（图片、文档、视频、音频）上传（多文件）

2019/10/15 Javascript

[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾

2014/08/01 DOTA

Python中threading模块join函数用法实例分析

2015/06/04 Python

python @property的用法及含义全面解析

2018/02/01 Python

Python multiprocessing多进程原理与应用示例

2019/02/28 Python

详解python列表生成式和列表生成式器区别

2019/03/27 Python

Python socket非阻塞模块应用示例

2019/09/12 Python

python实现简单银行管理系统

2019/10/25 Python

python利用Excel读取和存储测试数据完成接口自动化教程

2020/04/30 Python

Django实现任意文件上传（最简单的方法）

2020/06/03 Python

python进行OpenCV实战之画图（直线、矩形、圆形）

2020/08/27 Python

网络安全方面的面试题

2016/01/07 面试题

2014组织生活会方案

2014/05/19 职场文书

激励员工的口号

2014/06/16 职场文书

四风剖析查摆对照检查材料思想汇报

2014/09/24 职场文书

2014年惩防体系建设工作总结

2014/12/01 职场文书

2015学习委员工作总结范文

2015/04/03 职场文书

Python学习开发之图形用户界面详解

2021/08/23 Python

微信小程序 WeUI扩展组件库的入门教程

2022/04/21 Javascript