用第一组代码可以实现呀,楼主有没有使其在页面加载好了之后再设置呀,例如
$(document).ready(function(){var temp=100
$("#div01").css({position: "absolute"})
$("#div01").css("left",temp)
$("#div01").css("top",temp)
})
并且需要确定在你的这个设置执行的时候id为div01的元素已经加载了
<script>var demo = 23//你是说这样的变量么?如果是,直接用就行,如下
var divDemo = $("#demo")
alert(demo+demo)//页面弹出提示框里写着 46
$("div",divDemo).css("background-color","#000")//页面中id为demo的div添加黑色背景色
</script>
总之,在<script>里面写定义变量和调用变量,<script>在html页面中html里面(body里外或是head里都可以,这个你肯定知道的,但我忍不住啰嗦一句,前面必须记得写jQuery引用)定义变量了之后,用的时候直接写定义的名字就对了,只要注意定义时的类型,比如上面第一个因为是数值型,alert时直接打印了计算结果,如果定义成var demo = '23' 就是字符串了,alert打印出来就是2323,下面那个divDemo定义的是一个id为demo的对象,所以可以用.css进行样式的定义。
不知道你想问的是不是这个,可以继续问我。以上,希望对你有帮助。
CSS 是静态的 不能使用 js 的变量但是你可以使用js 去修改 css 的值
var you_var_height = 100
var you_var_width = 100
//写法1 纯JavaScript
var div1 = document.getElementById('ID00001')
div1.style.height=you_var_height
div1.style.width=you_var_width
//写法2 jquery
$(document).ready(){
$('#ID00001').css('height',you_var_height)
$('#ID00001').css('height',you_var_width)
}