我看过其他关于反斜杠的问题,但我发现没有一个能为我提供解决方案。我知道反斜杠、转义字符在jQuery中,但我对它们在下面的代码中所做的事情感到困惑。代码取自我正在学习的一门课程,但这部分没有得到解释。
下面是代码的jQuery部分,从append()
函数的第14行开始,每一行的末尾都有一个反斜杠。代码的工作原理是,如果我移除反斜杠并保持行中断,代码就不能工作,但是如果我移除反斜杠和删除换行(所有的东西都被捆绑在一起),它就会再次工作。
有人能解释一下这里发生了什么吗?
编辑:有人指出,这是一个重复的问题。我只是在最初找的时候找不到原来的问题。
countPos = 0;
$(document).ready(function(){
console.log("Document ready called");
$('#addPos').click(function(event){
event.preventDefault();
if (countPos >= 9) {
alert("Maximum of nine position entries exceeded");
return;
}
countPos++;
console.log("Adding position "+countPos);
$('#position_fields').append(
'<div id="position'+countPos+'"> \
<p>Year: <input type="text" name="year'+countPos+'" value=""/>
\
<input type="button" value="-" \
onclick="$(\'#position'+countPos+'\').remove();return
false;"></p> \
<textarea name="desc'+countPos+'" rows="8"
cols="80"></textarea>\
</div>'
);
});
});
发布于 2018-08-08 13:04:22
这些允许您将字符串拆分为多行。如果没有他们,你就会犯错误。
发布于 2018-08-08 13:04:38
它通常会转到下一行,而不会折断字符串。(保持代码整洁)。
而不是做:
$('#position_fields').append(
'<div id="position'+countPos+'">'+
'<p>Year: <input type="text" name="year'+countPos+'" value=""/>'+
'<input type="button" value="-" '+
'onclick="$(\'#position'+countPos+'\').remove();return '+
'false;"></p> '+
'<textarea name="desc'+countPos+'" rows="8" '+
'cols="80"></textarea>'+
'</div>'
);
});
正如您所看到的,这样,每次到另一行时,我都必须断开字符串。因此,我可以使用*反斜杠,而不是中断和连接字符串。
https://stackoverflow.com/questions/51755606
复制相似问题