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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用jquery在页面上动态创建一个button按钮相关的知识,希望对你有一定的参考价值。

我知道用$("<input>")能新创建一个输入框,但是我现在需要动态在页面中添加一个确定按钮,即<input type="button" value="确定">,
但是我用$("<input type='button' value=''确定>")创建时会出错,不会出来任何东西,
而用 var btn = $("<input>");
btn.css("width","50px");
btn.css("height","25px");
btn.attr("value","确定");
虽然是出来了一个按钮,但是这个按钮上却没有文字,也就是说是一个空白按钮。

本人刚学jquery,还不太会用,请前辈指怎样才能实现我想要的效果?
多谢!!!
上面的写错了, var btn = $("<input>");这一句应该改为 var btn = $("<button>");

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

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

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

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

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

参考技术A 粗心的孩子
$("<input type='button' value=''确定>")
这里引号没关好哇
$("<input type='button' value='确定'>")
这样试试

jquery是对javascript的一个简化,它只是让写JavaScript变得简洁了快了,可以看看原生的东西,比如js的基本类型、闭包、动态特性这一些东西,可以加深你对jquery的理解呀本回答被提问者采纳
参考技术B 写个DEMO:
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function()
var btn=$("<input type='button' id='testBtn' value='Test'>");
$("body").append(btn);
addBtnEvent("testBtn");
);
function addBtnEvent(id)
$("#"+id).bind("click",function()
alert("Test");
);

</script>
</head>
<body>
</body>
</html>

怎么用jquery 动态刷新session

在用户登录以后有一个签到的功能,在签到以后会更新当前用户的这条数据,前端是通过判断SESSION里面的一个字段的值是否等于0来确定当前用户是否有签到,但是签到以后虽然当前数据更新了,但是SESSION里面的值还是刚刚登录的时候读取的值,需要退出重新登录以后才会更新SESSION里面的值

参考技术A 不知道jquery动态刷新session是什么意思,session是服务端生成的,保存在服务端,客户端与session对应的是cookie。前端怎么可能直接去判断session的变化。追问

你好,二师兄,那我想请问下,在用户签到,数据库内容更新以后,怎么更新session里的值呢?

本回答被提问者和网友采纳
参考技术B 大神解决没有?想请教

以上是关于怎么用jquery在页面上动态创建一个button按钮的主要内容,如果未能解决你的问题,请参考以下文章

怎么用jquery 动态刷新session

怎么用javascript/jquery在当前页面获取动态添加的表单的name和值并且变成整个数组

python怎么设置button按钮

使用 jQuery $('<button>') 语法动态创建的按钮为空

jquery ui 里datepicker 怎么使用动态绑定

怎么用JAVA动态生成一个表格 ?从数据库读出数据 然后用JSP页面显示出来 形成一个表格