js函数：
<style type="text/css">
#div1{
width: 100px;
height: 100px;
border: 1px solid #999;
}
</style>
<script>
function set(name,value)
{
var obj = document.getElementById("div1");
obj.style[name] = value;
}
</script>
</head>
<body>
<input type="button" value="变高" onclick="set('height','400px')"/>
<input type="button" value="变宽" onclick="set('width','400px')"/>
<input type="button" value="变绿" onclick="set('background','green')"/>
<div id="div1"></div>
</body>
在html代码里如何加入jquery的变量：
//在id为first的div里添加jQuery变量值内容 $(function(){ var temp="这是内容"; $("div#first").append(temp); //此时id为first的div内的html如下，jQuery变量的值添加进去了 <div id="first"> 这是内容 </div> //或者在div内插入<h1></h1>标签 $("div#first").append("<h1>"+temp+"</h1>"); //此时id为first的div内的html如下,html内有jquery变量的值 <div id="first"> <h1>这是内容</h1> </div> });
用jquery往html页面里面添加html标签和函数变量：
$output.prepend('<li><img src=' + img.src + ' /></li>')