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 相关文章推荐
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
Apr 17 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
js验证框架之RealyEasy验证详解
Jun 08 Javascript
BootStrap table使用方法分析
Nov 08 Javascript
Bootstrap CSS布局之表格
Dec 17 Javascript
微信小程序canvas写字板效果及实例
Jun 15 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
Feb 10 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
使用Vue调取接口,并渲染数据的示例代码
Oct 28 Javascript
es6函数之严格模式用法实例分析
Mar 17 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&&mysql)二
2006/10/09 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
PHPMailer发送HTML内容、带附件的邮件实例
2014/07/01 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
2015/05/13 Javascript
PHP获取当前页面完整URL的方法
2016/12/02 Javascript
详解vue中多个有顺序要求的异步操作处理
2019/10/29 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
2020/11/16 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
Python程序设计入门(3)数组的使用
2014/06/16 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
使用Python生成XML的方法实例
2017/03/21 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
Python 画出来六维图
2019/07/26 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
浅谈django 重载str 方法
2020/05/19 Python
全球酒店预订网站:Hotels.com
2016/08/10 全球购物
Booking.com西班牙:全球酒店预订
2018/03/30 全球购物
婚庆司仪主持词
2014/03/15 职场文书
取保候审保证书
2014/04/30 职场文书
作风整顿剖析材料
2014/09/30 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
2015年司法局工作总结
2015/05/22 职场文书
建党伟业电影观后感
2015/06/01 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
oracle重置序列从0开始递增1
2022/02/28 Oracle
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫