botão de desativar jQuery
No entanto, como a maioria das coisas do mundo, ele tem algumas desvantagens. Um deles é que não possui um método direto de desativar um botão. Isso não significa que é sem mobiliário. E neste tutorial, discutiremos como podemos desativar um botão usando jQuery.”
Método de suporte jQuery
Adicionado no jQuery versão 1.6 e acima, o jQuery permite desativar um botão usando o método prop ().
Você pode aprender mais sobre a origem da função no recurso abaixo:
https: // API.jQuery.com/prop/
Por enquanto, vamos nos concentrar em como usar esse método para desativar um botão.
Vejamos a sintaxe da função e como podemos usá -la. Como todos os métodos jQuery, a função prop () é aplicada a um elemento selecionado. Em nosso exemplo, estamos usando um botão simples.
Portanto, vamos começar criando um botão simples.
O exemplo acima mostra um botão muito simples que tem um id de identificação. Podemos então usar o ID para selecionar o botão e aplicar a função de suporte.
A sintaxe é como mostrado abaixo:
No exemplo acima, abrimos a etiqueta do script e adicionamos nosso javascript da biblioteca jQuery. Começamos selecionando o elemento que desejamos desativar usando seu ID. Depois de selecionado, use o método de suporte e defina a propriedade desativada como true.
Lembre -se de que a função de suporte aceita o atributo de destino como o primeiro parâmetro em forma de string. O segundo parâmetro é o valor do atributo em forma booleana.
Exemplo
Para ilustrar, vamos começar importando a biblioteca jQuery para o nosso arquivo html.
Podemos então criar o botão e desativá -lo como mostrado no código de amostra abaixo:
Se abrirmos o arquivo no navegador, devemos ver que o botão está desativado.
Botão Ativar com jQuery
O oposto é verdadeiro. Podemos ativar e desativar o botão definindo o atributo desativado para false na função de suporte.
Por exemplo:
No exemplo acima, podemos ver que o botão está desativado por padrão, definindo a propriedade HTML desativada.
Podemos então habilitá -lo usando jQuery, como mostrado acima.
Fechamento
Este curto tutorial abrange o básico de desativar e ativar um botão no jQuery usando a função de suporte. Se você estiver usando o jQuery versão 1.6 e inferior, você pode usar a função Att que funciona da mesma forma.
Codificação feliz!!