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 相关文章推荐
推荐10个超棒的jQuery工具提示插件
Oct 11 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
使用jQuery在对象中缓存选择器的简单方法
Jun 30 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
Oct 12 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
详解Webpack4多页应用打包方案
Jul 16 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
虫族 Zerg 历史背景
2020/03/14 星际争霸
玩转虚拟域名◎+ .
2006/10/09 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
PHP导航下拉菜单的实现如此简单
2013/09/22 PHP
11个PHPer必须要了解的编程规范
2014/09/22 PHP
php广告加载类用法实例
2014/09/23 PHP
从刷票了解获得客户端IP的方法
2015/09/21 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
YUI的Tab切换实现代码
2010/04/11 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
jQuery超酷平面式时钟效果代码分享
2020/03/30 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
python解析xml文件实例分析
2015/05/27 Python
详解Python爬虫的基本写法
2016/01/08 Python
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
HTML5中的Scoped属性使用实例
2014/04/23 HTML / CSS
工艺工程师工作职责
2013/11/23 职场文书
ktv中秋节活动方案
2014/01/30 职场文书
高三高考决心书
2014/03/11 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
如何使用pdb进行Python调试
2021/06/30 Python
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android