函数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文件中执行,创建一个可调用的分离函数。它将使您的代码更加干净,易于维护和扩展。