div添加包含body中所有元素

来源:互联网 发布:老年鼠标手写输入软件 编辑:程序博客网 时间:2024/06/04 19:42


<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布局会改变,故不可行。


$("p,div").wrapAll("<div id=\"out\"></div>");  //此方法原先body内元素布局会乱。


故采用下面的方法:

     $.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");

1 0
原创粉丝点击