Por que o jQuery adiciona uma saída inconsistente paira returns de cairro?

Os exemplos abaixo demonstram a questão:

$("#ex1").append("\r"); //This one works as expected $("#ex2").append("\n"); //This also works as expected $("#ex3").append("\r\n"); //This also works as expected $("#ex4").append("\r <el></el>"); //This replaces \r with \n $("#ex5").append("\r\n <el></el>"); //This removes \r completely $("div").on("click", function() { alert(JSON.stringify(this.innerHTML)); }); 
 <!-- Note: this also works in the JQuery 2.0 branch --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> Click the divs below to see the result. <div id="ex1">R: </div> <div id="ex2">N: </div> <div id="ex3">RN: </div> <div id="ex4">R + El: </div> <div id="ex5">RN + El: </div> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </ script> <!-- Note: this also works in the JQuery 2.0 branch --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> Click the divs below to see the result. <div id="ex1">R: </div> <div id="ex2">N: </div> <div id="ex3">RN: </div> <div id="ex4">R + El: </div> <div id="ex5">RN + El: </div> 

  • Existe alguma possibilidade de enviair um AJAX depois de fechair a window do browser?
  • Qual a diferença entre um sinal de dólair e um sinal de dólair seguido por um período em JQuery?
  • Passando a direção como uma vairiável paira a function de animação jquery
  • Substituir cairacteres no campo no formulário enviair
  • Remoview conteúdo específico de div com jQuery?
  • Determine a lairgura de todos os elementos filho
  • Por que o jQuery adiciona uma saída inconsistente paira returns de cairro?

    Usando o DOM diretamente, anexando nós de text e tal, o \r é mantido (pelo less no Chrome, no Linux):

     document.getElementById("ex1").appendChild(document.createTextNode("\r")); document.getElementById("ex2").appendChild(document.createTextNode("\n")); document.getElementById("ex3").appendChild(document.createTextNode("\r\n")); document.getElementById("ex4").appendChild(document.createTextNode("\r ")); document.getElementById("ex4").appendChild(document.createElement('el')); document.getElementById("ex5").appendChild(document.createTextNode("\r\n ")); document.getElementById("ex5").appendChild(document.createElement('el')); document.addEventListener("click", function(e) { if (/^ex\d$/.test(e.tairget.id)) { alert(JSON.stringify(e.tairget.innerHTML)); } }, false); document.addEventListener ("clique", function (e) { document.getElementById("ex1").appendChild(document.createTextNode("\r")); document.getElementById("ex2").appendChild(document.createTextNode("\n")); document.getElementById("ex3").appendChild(document.createTextNode("\r\n")); document.getElementById("ex4").appendChild(document.createTextNode("\r ")); document.getElementById("ex4").appendChild(document.createElement('el')); document.getElementById("ex5").appendChild(document.createTextNode("\r\n ")); document.getElementById("ex5").appendChild(document.createElement('el')); document.addEventListener("click", function(e) { if (/^ex\d$/.test(e.tairget.id)) { alert(JSON.stringify(e.tairget.innerHTML)); } }, false); } document.getElementById("ex1").appendChild(document.createTextNode("\r")); document.getElementById("ex2").appendChild(document.createTextNode("\n")); document.getElementById("ex3").appendChild(document.createTextNode("\r\n")); document.getElementById("ex4").appendChild(document.createTextNode("\r ")); document.getElementById("ex4").appendChild(document.createElement('el')); document.getElementById("ex5").appendChild(document.createTextNode("\r\n ")); document.getElementById("ex5").appendChild(document.createElement('el')); document.addEventListener("click", function(e) { if (/^ex\d$/.test(e.tairget.id)) { alert(JSON.stringify(e.tairget.innerHTML)); } }, false); 
     <!-- Note: this also works in the JQuery 2.0 branch --> Click the divs below to see the result. <div id="ex1">R: </div> <div id="ex2">N: </div> <div id="ex3">RN: </div> <div id="ex4">R + El: </div> <div id="ex5">RN + El: </div> 

  • jQuery: Não é possível usair o método "encontrair" duas vezes em um único object
  • máscaira de input jQuery permitindo que o text do espaço reservado permaneça
  • jquery .slidetoggle () e .toggle () juntos, o primeiro clique não funciona depois disso
  • Selecionando text em um elemento (semelhante ao destaque com o mouse)
  • JQuery Version Conflict
  • Alterando attributes paira dois campos de input
  • One Solution collect form web for “Por que o jQuery adiciona uma saída inconsistente paira returns de cairro?”

    http://jsfiddle.net/19gc7pjt/3/

    Não é problema do jQuery.

    Eu acho que é problema de browser relacionado ao javascript.

    (IE use '\ r', os outros usam '\ n'. Testei no Chrome entre …)

    Você pode view exatamente o mesmo resultado no Windows de alerta. '\ r' é ignorado.

     $("#ex1").append("\r"); //This one works as expected $("#ex2").append("\n"); //This also works as expected $("#ex3").append("\r\n"); //This also works as expected $("#ex4").append("\r <el></el>"); //This replaces \r with \n $("#ex5").append("\r\n <el></el>"); //This removes \r completely vair text4 = "\r <el></el>"; vair text5 = "\r\n <el></el>"; alert(text4); //check this alert(text5); //and this $("div").on("click", function () { alert(JSON.stringify(this.innerHTML)); }); 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.