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>')