怎么用jquery在页面上动态创建一个button按钮

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('body').append('<input type="button" value="确定">')

3、浏览器运行index.html页面，此时成功通过jquery动态创建了一个确定按钮。

动态增加控件的基本思路就是：实例化控件->布局.addView(控件) ->OnCreat中绑定布局控件 setContentView(布局）

例1：在LinearLayout中动态增加Button,EditText等控件，并且点击Button后，动态增加EditText等控件。

Java代码

1.@Override

2.protected void onCreate(Bundle savedInstanceState) {

3.super.onCreate(savedInstanceState)

4.final LinearLayout linearLayout=new LinearLayout(this)

5.linearLayout.setOrientation(LinearLayout.VERTICAL)

6.

7.LinearLayout linearLayout1 = new LinearLayout(this)

8.linearLayout1.setOrientation(LinearLayout.VERTICAL)

9.

10.Button button1= new Button(this)

11.button1.setText("增加新项目")

12.

13.Button button2 = new Button(this)

14.button2.setText("增加新组")

15.

16.linearLayout.addView(button1)

17.linearLayout.addView(button2)

18.

19.//设定按钮单击监听器,动态增加控件.

20.button2.setOnClickListener(new Button.OnClickListener(){

21.public void onClick(View v) {

22.Context context = v.getContext()

23.LinearLayout linearLayout2 = new LinearLayout(context)

24.linearLayout2.setOrientation(LinearLayout.HORIZONTAL)

25.

26.EditText groupNameEditText = new EditText(context)

27.//设置控件大小.

28.groupNameEditText.setWidth(160)

29.

30.ImageButton imagebutton1 = new ImageButton(context)

31.Button saveButton = new Button(context)

32.Button exitButton = new Button(context)

33.

34.linearLayout2.addView(groupNameEditText)

35.linearLayout2.addView(imagebutton1)

36.linearLayout2.addView(saveButton)

37.linearLayout2.addView(exitButton)

38.linearLayout.addView(linearLayout2)

39.

40.}

41.})

42.

43.setContentView(linearLayout)

44.}

45.

---