怎样用jquery做一个弹出的输入框？ 怎么用jquery实现在当前页面点击某一按钮弹出一个输入框啊...
\u6211\u60f3\u7528jquery\u5b9e\u73b0\u5f39\u51fa\u6587\u672c\u6846\uff0c\u4e0d\u77e5\u9053\u4ee3\u7801\u600e\u4e48\u5199\u8bf7\u5927\u795e\u4eec\u5e2e\u5fd9\u554a\uff01\uff01\uff01\u6700\u597d\u7528\u7684\u5f39\u51fa\u5c42\u662ffancybox\uff0c\u5b83\u53ef\u4ee5\u5f39\u51fa\u6765\u4efb\u4f55\u4e1c\u897f\uff0c\u53ef\u4ee5\u662f\u6587\u672c\uff0c\u53ef\u4ee5\u662f\u4e00\u4e2a\u9690\u85cf\u7684\u8282\u70b9\uff0c\u8fd8\u53ef\u4ee5\u662f\u4e00\u4e2aiframe\uff0c\u4e5f\u5c31\u662f\u8bf4\u4f60\u53ea\u8981\u5199\u4e00\u4e2a\u65b0\u7684\u7f51\u9875\u663e\u793a\u516c\u544a\uff0c\u8fd9\u4e2a\u94fe\u63a5\u4e0a\u5199\u4e0ahref=\u201c\u516c\u544a\u7f51\u5740\u201d\u3002\u7136\u540e\u7ed9\u8fd9\u4e2aa\u5199\u4e0a\u4e00\u4e2aclass=\u201cfancybox\u201d\uff0c\u5c31\u53ef\u4ee5\u76f4\u63a5jquery\u8c03\u7528$("fancybox").fancybox();\u6765\u521d\u59cb\u5316\u8fd9\u4e2a\u94fe\u63a5\u3002\u521d\u59cb\u5316\u4e4b\u540e\u7684\u94fe\u63a5\u518d\u70b9\u51fb\uff0c\u5c31\u4e0d\u4f1a\u8fdb\u884c\u7f51\u9875\u8df3\u8f6c\uff0c\u800c\u662f\u5f39\u51fa\u4e00\u5c42\u8fdb\u884c\u52a0\u8f7d\uff0c\u6548\u679c\u5982\u56fe\uff0c\u8fd8\u53ef\u4ee5\u8bbe\u7f6e\u5f39\u51fa\u52a8\u753b\u3001\u906e\u7f69\u5c42\u3001\u5f39\u51fa\u5c42\u5bbd\u9ad8\u3001\u6837\u5f0f\u3001\u900f\u660e\u5ea6\u3001\u5c45\u4e2d\u3001\u968f\u7a97\u53e3\u6eda\u52a8\u5c45\u4e2d\u7b49\u7b49\u3002
\u7b80\u5355\uff0c\u4e0d\u7528jQuery\u3002
var c = prompt('\u8bf7\u8f93\u5165')\uff1b
alert(c);
1、新建并保存一个html文档，进入html代码编辑页面。
2、写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。
3、要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。
4、引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-3.2.0.min.js"></script>
</head>
<body>
<script>
$(function(){
var judge = prompt("随便输入点什么？");
if (judge) {
document.write("输入的内容为："+judge+"。");
} else {
document.write("取消就没了哦。");
}
})
</script>
</body>
</html>
绛旓細alert锛堚 鈥濓級;灏寮瑰嚭浜嗛銆俻rompt("text","defaultText")
绛旓細鍙互鐢╦Dialog鎻掍欢瀹炵幇锛宩Dialog鏄竴娆惧熀浜jquery瀹炵幇鐨杞婚噺绾у绉嶇被鍨嬬殑鑷畾涔夊璇濇鎻掍欢鍦ㄩ」鐩紑鍙戜腑銆佷竴鑸細缇庡寲 alert()锛涘弬鑰冨涓嬶細 alert鏂瑰紡璋冪敤 confirm鏂瑰紡璋冪敤 iframe鏂瑰紡璋冪敤 鍙樉绀哄唴瀹瑰璇濇 瀵硅瘽妗嗛厤缃寜閽 message鏂瑰紡璋冪敤 tip鏂瑰紡璋冪敤 浠ヤ笅鏄疛S...
绛旓細鏈夊叧姘村钩鍜屽瀭鐩村眳涓殑璁剧疆鍙互鍙傞槄Helloweba鏂囩珷锛濡備綍璁〥IV姘村钩鍜屽瀭鐩村眳涓寮瑰嚭灞傞噷闈㈢殑鍐呭鏍峰紡鍙互鑷敱璁剧疆锛屾渶鍚庡氨鏄娇鐢╩edia query鏉ヨ缃皬灞忓箷涓嬬殑寮瑰嚭灞傚眳涓殑闂銆2銆佹垜浠浣跨敤jQuery鏉ュ鐞嗚Е鍙戝脊鍑哄眰鍜屽叧闂脊鍑哄眰鏁堟灉锛屽簲姝ら渶瑕侀鍏堝姞杞絡Query搴撱俿howLayer(id)鏄涓涓鑷畾涔夌殑鍑芥暟锛岀敤鏉ュ睍绀哄脊鍑哄眰銆
绛旓細JQuery鐨勫脊鍑鎻愮ず妗嗗彲浠ユ湁涓ょ鏂瑰紡 Alert 鏂瑰紡浠ュ強 Confirm 鏂瑰紡寮瑰嚭 Alert鏂瑰紡鐨勫脊鍑烘彁绀烘锛屽彧鑳芥湁涓绉嶆妷鎷╋紝閭ｅ氨鏄‘瀹氾紝浠栬繖鏄竴绉嶄笉鍙夋嫨鐨勬彁绀 Confirm鏂瑰紡锛屾槸甯︽湁閫夋嫨鍔熻兘鐨勬彁绀烘锛岀敤鎴峰彲浠ョ偣鍑荤‘瀹氭垨鑰呭彇娑
绛旓細1.鍏堣幏鍙寮圭獥鐨瀹介珮锛2.鐐瑰嚮鎵撳紑寮圭獥鏃讹紝鍏堣缃脊绐楀楂樹负0锛3.鐢╝nimate鏂规硶锛岃缃楂橈紝鍒欏彲浠瀹炵幇娓愭笎澧炲ぇ锛4.鏈灏忓寲鏃朵篃鏄竴鏍风殑鎿嶄綔锛岀敤animate鏂瑰紡璁剧疆寮圭獥鐨勫楂樹负0锛涗吉鍔ｄ唬鐮侊細var $t = $("寮圭獥"),w = $t.width(),h = $t.height();("鐐瑰嚮鎵撳紑寮圭獥鐨勫厓绱").click(function(){...
绛旓細html浠ｇ爜濡備笅锛jquery浠ｇ爜濡備笅锛 娣诲姞jquery寮曠敤銆傘傘$(function(){$("b1").click("寮瑰嚭涓涓绐楀彛椤甸潰")});涓嶇煡妤间富璇寸殑绐楀彛椤甸潰鏄惁鏄繖鏍风殑銆
绛旓細(function(){ // 鐐瑰嚮鎸夐挳锛孌IV寮瑰嚭闅愯棌 $('#btn1').toggle(function(){ $('#div1').show(); },function(){ $('#div1').hide(); }); // 鐐瑰嚮鎸夐挳锛孌IV寮瑰嚭锛岀偣鍑籦ody浠绘剰鍦版柟闅愯棌div $('#btn2').click(function(){ if ( event && event.stopPropagat...
绛旓細浣犲ソ锛屾牴鎹偍鐨勯渶姹傦紝浣犺鐨勬晥鏋滐紝鎴戝湪缃戜笂甯姪鎮ㄦ壘浜嗕竴涓嬶紝jquery鐨勫脊绐锛屽垎鍒湁纭鏁堟灉锛屾彁绀烘晥鏋滐紝iframe鏁堟灉锛屽苟涓斿脊绐楀彲鎷栨媺銆傛簮浠ｇ爜瑙佺櫨搴︿簯鐩(jquery寮圭獥.zip)銆
绛旓細浣跨敤window.open("鏂伴〉闈㈠湴鍧"); 杩欐牱灏寮瑰嚭涓涓鏂伴〉闈簡
绛旓細fixed;left:400px;top:250px;width:400px;height:300px'>")},500);杩欎釜鏄涓涓鎬濊矾鑰屽凡锛宒iv閲岄潰涔熷彲浠ユ斁涓婂叾浠杊tml鏍囩銆寮圭獥鏁堟灉鏈変簡锛岀劧鍚庡啀鎶婂唴瀹规坊鍔犲埌杩欎釜div灏辫浜嗭紝涔熷彲浠鐢╦query鐨刯query ui鎻掍欢閲岄潰鐨刣ialog鏂规硶寮圭獥銆傦紝瑕佹槸鍦ㄦ柊椤甸潰鐨勮瘽璁惧畾濂芥牱寮忥紝閲嶆柊璇诲彇session鍐呭鍗冲彲銆
