<body class="bodyTest">
<p>,,</p>
<div></div>
<div></div>
</body>
需要添加外面的div 包含body所有内容
<body class="bodyTest">
<div id="out">
<p>,,</p>
<div></div>
<div></div>
</body>
</div>
</body>
如果采用jquery中的wrapAll方法,此body原先的div布局会改变,故不可行。
故采用下面的方法:
$.each($("body"),function(i,t){
$(t).html("<div id='out'>"+$(t).html()+"</div>");
}
//或者: $("body").html("<div id='out'>"+$("body").html()+"</div>");
var bottomModludTop="52px";
$(document).ready(function(){
$.each($(".bodyTest"),function(i,t){
$(t).html("<div id='out'>"+$(t).html()+"</div>");
});
var topHtml="<div id=\"topTest\">" +
"<a style=\"margin:18 auto;float: left; margin: 0 18px; display:block; padding-top: 0px;\" href=\"/\"><img height=\"39\" style=\"vertical-align:middle;line-height:46px\" src=\"layout_set_logo.png\"></a></div>"
$("#out").before(topHtml);
$("#topTest").css({"position":"fixed","background":"#0b3862","top":"0","padding-top":"5px","width":"100%","height":bottomModludTop,"z-index":"999"}); //css属性设置
/*
$("#topTest").css("position","fixed");
$("#topTest").css("background","#0b3862");
$("#topTest").css("top","0");
$("#topTest").css("padding-top","5px");
$("#topTest").css("width","100%");
$("#topTest").css("height",bottomModludTop);
$("#topTest").css("z-index","999");
*/
});
其他:
jquery中div是否含有类:$("div").hasClass("className"); //div是否含有类名
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($("p:first").hasClass("intro")); //p的第一个元素,是否含有类intro
});
});
</script>
其他:is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。
var isFormParent = $("input[type='checkbox']").parent().is("form")
;