jquery中div.css（）添加样式的有关问题
日期：2014-05-16 浏览次数：20392 次
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楼的根本就不行，匿名函数定义都被注销了，页面加载的时候怎么调用啊。。还有下面那些属性要加引号
<%@ 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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
