用jQuery如何单击一个按钮然后显示一个文本框出来

用jQuery如何单击一个按钮然后显示一个文本框出来,第1张

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".btn").click(function () { var html = $("<input type='button' id='testBtn'>") $(html).val($("#wenben").val())$(".main").append(html)})})</script></head><body style="background:url('image/1.jpg')no-repeat"><p>输入的文本:<p/><div class="main"><input type="text" id="wenben" /> <input type="button" value="确认" class="btn" /> </div></body></html>

$("#input_id").keyup(function(e){

if(e.which == 13){

action_fn()

}

}

$("#button_id").cllick(function(e){

//先做一些其他的事

action_fn()

}

function action_fn(){

//做一些事情

}

把要做的事封装成方法。用的时候调用下。。

以使用jQuery为例:

$('input[type="text"]').click(

function() {

// 此处添加onclick事件代码。

}

)

$('input[type="text"]')先选中页面中所有的textbox,然后click函数为选中的元素添加单击事件。


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

原文地址: http://outofmemory.cn/bake/11837032.html

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

发表评论

登录后才能评论

评论列表(0条)

保存