jquery中div.css（）添加样式的有关问题-JavaSript-爱易网页

jquery中div.css（）添加样式的有关问题

日期：2014-05-16　浏览次数：20414 次

jquery中div.css（）添加样式的问题
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript" src="JQ/jquery-1.7.2.js"></script>
<style type="text/css">
.parentDiv{
width:1400px;
height:550px;
background-color:yellow;
margin:0;
padding:0;
}
</style>
<script type="text/javascript" language="javascript">
/* var createDiv= function(){
var windowobj = $(window);
var browserWidth = windowobj.width(); //浏览器的宽
var browserHieght = windowobj.height(); //浏览器的高
var scrollLeft = windowobj.scrollLeft(); //滚动条的横位置
var scrollTop = windowobj.scrollTop(); //滚动条的竖位置
var selfWidth = this.outerWidth(true); //这个元素的宽包括magin,padding
var selfHeight = this.outerHeight(true); //这个元素的高包括magin,padding
*/

var parentDiv=$('<div></div>'); //创建一个父DIV
parentDiv.attr('id','parent'); //给父DIV设置ID
parentDiv.addClass('parentDiv'); //添加CSS样式
var childDiv=$('<div></div>'); //创建一个子DIV
childDiv.attr('id','child'); //给子DIV设置ID

childDiv.removeClass();
childDiv.css({'margin':0,
'padding':0,
' width':100px,
'height':40px,
'background-color':red,
'position': absolute,
'top':200px,
'left':200px});

childDiv.appendTo(parentDiv);
parentDiv.appendTo('body'); //将父DIV添加到BODY中

}

</script>

</head>
<body onload="createDiv();">

</body>
</html>
请问这段代码为什么什么都显示不出来。如果没有childDiv.css（省略）这段，而在<style>中设置.childDiv样式可以显示。为什么？

------解决方案--------------------
1楼的根本就不行，匿名函数定义都被注销了，页面加载的时候怎么调用啊。。还有下面那些属性要加引号

HTML code

<!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 runat="server">
   <title>无标题页</title>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <style type="text/css">
   .parentDiv{
   width:1400px;
   height:550px;
   background-color:yellow;
   margin:0;
   padding:0;
   }
   </style>
   <script type="text/javascript" language="javascript">
   var createDiv= function(){
       /*  var windowobj = $(window);
       var browserWidth = windowobj.width(); //浏览器的宽
       var browserHieght = windowobj.height(); //浏览器的高
       var scrollLeft = windowobj.scrollLeft(); //滚动条的横位置
       var scrollTop = windowobj.scrollTop(); //滚动条的竖位置
       var selfWidth = this.outerWidth(true); //这个元素的宽包括magin,padding
       var selfHeight = this.outerHeight(true); //这个元素的高包括magin,padding
       */

   var parentDiv=$('<div></div>'); //创建一个父DIV
   parentDiv.attr('id','parent'); //给父DIV设置ID
   parentDiv.addCla

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquery中div.css（）添加样式的有关问题

相关资料更多>

推荐阅读更多>