怎么在jQuery的css()中使用变量

html-css09

怎么在jQuery的css()中使用变量,第1张

用第一组代码可以实现呀,楼主有没有使其在页面加载好了之后再设置呀,例如

$(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)

}