jquery设置高度,jquery怎么修改高度

怎么设置Jquery 多选下拉列表插件jquery multiselect 的高度

这个插件没有定义控件的高度的配置，控件也没有设置高度，依据内容的高度来确定控件整体高度，你可以给样式添加高度即可。不过还是修改源代码来实现高度控制好点，可以随便配置，而不用统一

2者结合也可以

css覆盖部分，你也可以修改jquery.multiselect.css这个css文件增加style里面的样式

link rel="stylesheet" type="text/css" href="../jquery.multiselect.css" /

style

.ui-multiselect{line-height:30px;height:30px}

/style

或者修改jquery.multiselect.js文件，增加一个cHeight配置，用来控制控件的高度，找到下面的这句，修改成这样

var button = (this.button = $('button type="button"span class="ui-icon ui-icon-triangle-1-s"/span/button'))

===改成这样，判断配置了cHeight增加增加style控制高度

var button = (this.button = $('button type="button"'+(o.cHeight?' style="height:'+o.cHeight+'px"':'')+'span class="ui-icon ui-icon-triangle-1-s"/span/button'))

DEMO

$("select").multiselect({cHeight:40});

相关问答

Q1: 如何用jquery改变元素的高度

xx.height('200px'); //这样就设置了高度为200px，可以不带px----xx.height('200');

Q2: 如何用jquery动态改变div的高度

!--CSS部分--

#a1{

    width:100px;

    height:100px;

    background-color:red;

}

!--CSS部分结束--

div id="a1"/div

以下是JQ部分

$(function(){

    $("#a1").css("height","300px"); //这里改成你想要的高度就可以了~

});

Q3: jquery—获取元素高度方法 (总结)

$("#div_id").height();

// 获得的是该div本身的高度, (不包含padding,margin,border)

$("#div_id").outerHeight();

// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

$("#div_id").outerHeight(true);

// 包含该div本身的高度, 以及padding,border,margin上下的总高度

$(window).height();

// 获取浏览器显示区域（可视区域）的高度

$(window).width();

// 获取页面的文档高度

$(document).height();

// 浏览器当前窗口文档的高度

$(document.body).width();

// 浏览器当前窗口文档body的高度

$(document).scrollTop();

// 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

obj.offset().top

// 某个元素的上边界到body最顶部的距离（在元素的包含元素不含滚动条的情况下）

Q4: jquery怎么设置div的最大高度，然后如果超过了做大高度就显示滚动条

div style="max-height:500px;overflow:auto"/div

max-height是最大高度,除了ie6不支持,需要使用js外,其他ie7+,ff,chrome都支持,符合你的要求

也可以用纯js

div id="test" style="overflow:auto"/div

script

var 最大高度 = 300;

function a(){

if($('#test')[0].offsetHeight 最大高度) $('#test').height(最大高度);

}//你怎么调用a()就看你的了

/script

Q5: jquery怎么设置元素的高度

JQ中height() 方法返回或设置匹配元素的高度。

$("div").height(300);//直接设置元素的高

$("div").css("height", "300px");//通过设置CSS属性来设置元素的高

Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。