Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
函数append javascript和jquery_Javascript_Jquery_Html - Fatal编程技术网

函数append javascript和jquery

函数append javascript和jquery,javascript,jquery,html,Javascript,Jquery,Html,$(文档).ready(函数(){ $(“#btn1”)。单击(函数(){ 美元(“p”)。追加(“自动”); $(“#btn1”).hide(); }); $(“#btn2”)。单击(函数(){ $(“p”)。附加(“我的”); $(“#btn2”).hide(); }); $(“#btn3”)。单击(函数(){ 美元(“p”)。追加(“蓝色”); $(“#btn3”).hide(); }); $(“#btn4”)。单击(函数(){ 美元(“p”)。追加(“is”); $(“#btn4”).h

$(文档).ready(函数(){
$(“#btn1”)。单击(函数(){
美元(“p”)。追加(“自动”);
$(“#btn1”).hide();
});
$(“#btn2”)。单击(函数(){
$(“p”)。附加(“我的”);
$(“#btn2”).hide();
});
$(“#btn3”)。单击(函数(){
美元(“p”)。追加(“蓝色”);
$(“#btn3”).hide();
});
$(“#btn4”)。单击(函数(){
美元(“p”)。追加(“is”);
$(“#btn4”).hide();
});
});
var a=‘我的车是蓝色的’;
var b=//追加或删除文本

我的车是蓝色的

汽车 我的 蓝色
您可以使用字符串连接将

b + " " + $(this).text();
进行比较时,应使用
b.trim()
删除开头的空格

$(文档).ready(函数(){
$(“#btn1”)。单击(函数(){
美元(“p”)。追加(“自动”);
$(“#btn1”).hide();
b++=“”+$(this.text();
});
$(“#btn2”)。单击(函数(){
$(“p”)。附加(“我的”);
$(“#btn2”).hide();
b++=“”+$(this.text();
});
$(“#btn3”)。单击(函数(){
美元(“p”)。追加(“蓝色”);
$(“#btn3”).hide();
b++=“”+$(this.text();
});
$(“#btn4”)。单击(函数(){
美元(“p”)。追加(“is”);
$(“#btn4”).hide();
b++=“”+$(this.text();
});
});
var a=‘我的车是蓝色的’;
var b=''

我的车是蓝色的

汽车 我的 蓝色
为什么要混合使用内联绑定和逻辑绑定?编辑:也不需要在这4个单击手柄中再次查找元素。
this
将引用已单击的btn。建议:不要在
append()
函数中创建元素,也不要使用
onclick
将内联事件添加到html,在javascript文件中执行,创建一个可调用的分离函数。它将使您的代码更加干净,易于维护和扩展。