Hoje precisei desta função javascript para verificar se em uma string contém somente números.
A função parece simples mais na hora da correria é de grande ajuda.

function isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } isNumber('123'); // true isNumber('asda123'); // false

Uma forma simples e prática de comparar a data de hoje com uma data extraída de um campo input com o jquery $("#dataForm").val() de um formulário.

HTML:
<input id="dataForm" type="date" value="14/05/2020" />

JAVASCRIPT:
var dataForm = $("#dataForm").val().split("/"); var hoje = new Date(); var dataInformada = new Date(dataForm[2], dataForm[1] - 1, dataForm[0]); if (hoje < dataInformada) alerta{ ("Favor informe uma data igual ou menor a data de hoje."); $("#dataAbe").val(''); }

TRANSFERÊNCIA DE ARQUIVOS NO PHP VIA SFTP / SSH

Em um dado momento no desenvolvimento de um sistema, foi preciso criar uma função para transferir arquivo de um servidor para outro, sendo que o servidor só dava suporte a transferência de arquivos via SSH. Foi então que desenvolvi esta função que funcionou perfeitamente.

///////////ENVIO VIA SSH////////
                $serverHost = seusite.com.br;
                $serverUser = 'seuLoginSFTP';
                $serverPass = 'senhaDoLoginSFTP';
                $diretorioLocal = 'arquivoTemporario/meuArquivo.txt'
                $diretorioRemoto = 'var/www/diretorioDestinoServidorExterno/meuArquivo.txt';

                /* Faz a conexão com o servidor remoto */
                if (!$ssh = @ssh2_connect($serverHost, 22)) {
                     SingletonPDO :: rollbackTrans();
                    $xml .= "<erro>ERRO AO ABRIR CONEXÃO SSH COM SERVER $servidor!</erro>";
                    die("$xml\n");
                }

                /* Faz a autenticação no servidor remoto */
                if (!@ssh2_auth_password($ssh, $serverUser, $serverPass)) {
                     SingletonPDO :: rollbackTrans();
                    $xml .= "<erro>ERRO AO TENTAR AUTENTICAR O USUARIO SSH AO SERVER $serverHost!</erro>";
                    die("$xml\n");
                }

                /**
                 * Copia o arquivo do servidor local para o servidor remoto.
                 * As permissões são opcionais
                 */
                if (!@ssh2_scp_send($ssh, $diretorioLocal, $diretorioRemoto, 0644)) {
                     SingletonPDO :: rollbackTrans();
                    $xml .= "<erro>ERRO AO ENVIAR ARQUIVO VIA SSH AO SERVIDOR $servidor! - $diretorioLocal - $diretorioRemoto</erro>";
                    die("$xml\n");
                }

///////////////////////////////////////

FUNÇÃO JQUERY WRAPALL() PARA ADICIONAR ELEMENTO PAI EM FILHO OU SEJA ACIMA DO ELEMENTO INFORMADO Segue o Exemplo:

No HTML

<div id="PAI">Este elemento ainda não virou filho</div>

NO JAVASCRIPT

$("#PAI").wrapAll("<div id='PaiDoPai'>")
///observe que não precisa fechar a div(PaiDoPai) pois a função wrapAll ja sabe que o elemento PaiDoPai deve ser fechado após o elemento informado PAI

RESULTADO HTML

<div id='PaiDoPai'>
<div id="PAI">Este elemento ainda não virou filho</div>
</div>

Segue o exemplo:

NO HTML
<input id="elementoInput" placeholder="Clique aqui e tecle enter" type="text" />

NO JAVASCRIPT jQuery('#elementoInput').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ ////adiciona aqui a ação a ser executada após teclar enter. } });

Precisei criar 3 abas que ao clicar em uma aba, exibi um conteúdo ligado ao título da aba clicada e da um hide nos demais conteúdos, ao clicar na segunda aba, exibe o conteúdo ligado a segunda aba e da hide na que tava aberta, e assim sucessivamente. Para saber qual conteúdo exibir quando clicava na aba, precisei pegar a posição da aba clicada que era igual a posição do conteúdo desta aba clicada.
Então conheci o método index() do jquery, que pega a posição do elemento filho de um determinado elemento pai.

Veja o código e o exemplo prático para entender melhor.

No HTML: 
<ul class="aba">
    <li style="cursor:pointer;">Aba 1</li>
    <li style="cursor:pointer">Aba 2</li>
    <li style="cursor:pointer">Aba 3</li>
</ul>
<div class="conteudo">
  <div style="display: none;"><b>Exibir Conteúdo da Aba 1</b></div>
  <div style="display: none;"><b>Exibir Conteúdo da Aba 2</b></div>
  <div style="display: none;"><b>Exibir Conteúdo da Aba 3</b></div>
</div>

NO JAVASCRIPT: $("ul.aba li").click(function(){ var index = $(this).index(); $("ul.aba li").css("color","black") $(this).css("color","blue") $("div.conteudo").children().hide() $("div.conteudo").children().eq(index).show() })
Veja o exemplo na prático abaixo clicando nas abas para que aparece o seu conteúdo.

• Aba 1
• Aba 2
• Aba 3

Aqui Exibi o conteúdo da Aba 1, que foi a que você clicou.

Agora está exibindo o conteúdo da Aba 2

A aba 3 foi clicada, então aqui é exibido o conteúdo da Aba 3

Se este conteúdo te ajudou ou está com dúvida em algo relacionado a este assunto, por favor deixe seu comentário. Forte abraço!

Exemplo de implementação da tabela substituindo os caracteres especiais do texto pelo código acima que forma a letra desejada para que seja exibido pelo javascript.

NO JAVASCRIPT

alert("Precisei desta informa\xE7\xE3o");

Vai ser exibido no browser "Precisei desta informação"

Obs.: É necessário iniciar o código que vai representar a letra com \x

Obs.: Os zeros da primeira coluna da tabela é desconsiderada na formação da sequência do código;

Muito simples, graças ao método jquery contents().
$('#iframe').contents().find('#elementoQueProcuraDentroIframe').html();

Estava precisando criar uma função em js a qual após um clique em um botão, o mesmo gerava e concatenava um input com um atributo onkeypress que chamava uma função javascript que passava um valor string.

$("table#grid tbody").append('<input onkeypress="MascaraGenerica(\'CPF\')" />'); Desta forma o navegador entenderá que existe aspas(') no valor que está sendo passado pela chamada da função javascript.

Também tive a necessidade de concatenar uma função javascript a uma string, através desta função passar uma string. Então fiz desta forma para o browser entender as aspas simples obrigatórias no javascript para quando está passando uma string.

 JAVASCRIPT
for (var chave in array) {
var clik = "'"+array[chave]+"'";//O PULO DO GATO
$(".painel-imagem-conteudo .row:eq(1) .col-md-12 .form-group").append('<a onclick="mudarImagemGrandePainel('+clik+')">CLIQUE</a>'); }

No javascript: 

 function NaytechTooltipTitle(seletor,msg){
        if(!msg){msg=$(seletor).attr('title');} //// pega a mensagem do atributo title ou recebe a mensagem enviada na chamada da função
        $(seletor).attr('title','');/// depois de guardado acima o title, apaga a mensagem do mesmo somente na tag para não mostrar o tooltip padrão do html 
        $(seletor).each(function () { 
                if (msg) {
                    $('body').append("<style id='naytech-tooltip-css'>.naytech-tooltip{color: #fff;background:#1d1d1d;padding:10px;position:absolute;z-index:10000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;max-width: 50%;}</style>");
                    $('body').append("<div class='naytech-tooltip'>" + msg + "</div>");
                }
                // tip.show(); //Show tooltip
            }).mouseout(function (e) {
                $(".naytech-tooltip").remove();
                $("style#naytech-tooltip-css").remove();
                $(seletor).attr('title',msg);/// após tirar o mouse de cima da tag, põe-se a mensagem no title para não perder o mesmo
            }).mousemove(function (e) {
                tip = $(".naytech-tooltip");

                coord = 20;
                var mousex = e.pageX + coord; //Get X coodrinates


                var mousey = e.pageY + coord; //Get Y coordinates
                var tipWidth = tip.width(); //Find width of tooltip
                var tipHeight = tip.height(); //Find height of tooltip
                //Distance of element from the right edge of viewport
                var tipVisX = $(window).width() - (mousex + tipWidth);

                //Distance of element from the bottom of viewport
                var tipVisY = $(window).height() - (mousey + tipHeight);


                if (tipVisX < coord) { //If tooltip exceeds the X coordinate of viewport
                    mousex = e.pageX - tipWidth - coord;
                }
                if (tipVisY < coord) { //If tooltip exceeds the Y coordinate of viewport
                    mousey = e.pageY - tipHeight - coord;
                }

                tip.css({top: mousey, left: mousex});
            });
    }

No HTML:

<a onmouseover="NaytechTooltipTitle(this)" title="Mensagem que será exibida no tooltip">Passe o mouse em cima para exibir o tooltip com a mensagem que está no atributo title!</a>