js jquery用法

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

 

posted @ 2019-10-20 21:16  mengqiaini  阅读(137)  评论(0)  编辑  收藏  举报