如何用jquery选择高度大于100的div

如题：
如何用jquery选择高度大于100的iframe

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<div class="Height100Div"></div>
<script type="text/javascript">$(document).ready(function(){ $(".Height100Div")})</script>
遍历,并且取出DOM元素高度.
并把DOM 添加到一个list 中.
<div class="Height100Div">Click me</div>
<script type="text/javascript">$(document).ready(function(){ $(".Height100Div").click(function(){

alert("HI~~")

})})</script>
jquery能实现吗不想用javascript自己写
你上面那楼就是jquery的写法实现的呀
哥们你要知道 jquery本身就是JavaScript的一个库并不是另外一种脚本语言。
这个我当然知道，如果能用jquery实现那代码会简单很多而且也能规范代码自己写的话我就不需要发帖问了因为这个很简单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<style type="text/css">

</style>
<script type="text/javascript">$(function(){
$("div:height(100)").each(function(){
$(this).css({'background':'red'})
})
})
$.extend($.expr[':'], {
    height: function(a, i, m) {
        return ($(a).height()>=m[3]);
    }
});
</script>
</head>

<body>
<div>dd</div>
<div style="height:30px">30px</div>
<div style="height:130px">130px</div>
<div style="height:230px">230px</div>
<div style="height:99px">99px</div>
<div style="height:100px">100px</div>
<div style="height:30px">30px</div>
</body>
</html>
一个办法就是把高于100的div用相同class，或者开头相同的ID
另一个就是取所有div，再判断高度。jQuery还是js，只是写法有些不同而已。
lz可以琢磨下jQuery的css selector
$(function(){
$("div:height(100)").each(function(){
$(this).css({'background':'red'})
})
})
$.extend($.expr[':'], {
    height: function(a, i, m) {
        return ($(a).height()>=m[3]);
    }
});
简单的方法是使用filter，假设你只是要判断属性值是否超过100：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</head><body>
<iframe width="100" height="100" src="about:blank"></iframe>
<iframe width="100" height="101" src="about:blank"></iframe>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
var len = $('iframe').filter(function(index){
alert(($(this).attr('height')-0)>100);
return ($(this).attr('height')-0)>100;
}).length;
alert(len);
});
</script>