jquery 向DIV动态添加元素

jquery 向DIV动态添加元素,第1张

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件,并且准备一个div元素,如下图所示。

2、然后在style标签里声明一个class样式,如下图所示。

3、接下来准备一个事件加载初始化的方法,在jquery中直接用匿名函数即可,如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class,如下图所示。

5、移除一个class的样式也很简单,如下图所示,通过removeClass即可。

动态生成Asp.Net服务器控件,并取其值

C# codeprivate void LoadProperty(int cateId)

HtmlGenericControl span = new HtmlGenericControl()

for (int i = 0i <ds.Tables[0].Rows.Counti++)

{

StringBuilder strHtml = new StringBuilder()

if (i % 2 == 0)

{

strHtml.Append("<div >")

strHtml.Append("<div class=\"layout1\">")

}

else

{

strHtml.Append("<div >")

}

TextBox txt = new TextBox()

Label lbl = new Label()

HiddenField hdf = new HiddenField()//

lbl.ID = "lblProp" + i.ToString()

lbl.Text = ds.Tables[0].Rows[i]["PropName"].ToString() + ":"

txt.ID = "txtProp" + i.ToString()

hdf.ID = "hdfProp" + i.ToString()//

lbl.EnableViewState = true

txt.EnableViewState = true

hdf.EnableViewState = true//

LiteralControl lc = new LiteralControl(strHtml.ToString())

lc.EnableViewState = true

span.Controls.Add(lc)

span.Controls.Add(lbl)

span.Controls.Add(txt)

span.Controls.Add(hdf)//

if (i % 2 == 0)

{

span.Controls.Add(new LiteralControl("</div></div>"))

}

else

{

span.Controls.Add(new LiteralControl("</div>"))

}

}

动态生成的控件,当点击页面按钮时会刷新页面,所以,生成控件的方法不需要

if(!IsPostBack)

{

}

------解决方案--------------------

JScript code$(function(){

$("#addLabel").click(function(){

$("#divAddLabel").append("<label>添加的label<label/><br />")

})

})

代码如下:

<html>

    <body>

        <button onclick="addDiv()">添加</button>

        <div class="container">

        

        </div>

    </body>

</html>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

    var addDiv = function(){

        var $div = $('.container')

        $div.append('<div>添加</div>')

    }

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/11823583.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存