将javascript转换为jquery

时间:2016-01-23 13:53:57

标签: javascript jquery

我想把这个javascript代码翻译成jquery我尝试了好几次但很难,请为我的英语道歉道歉我是法国人,对我来说不容易^^ 非常感谢。

(function () {
    var more = document.getElementById('more');
    more.addEventListener('click', function (evenement) {
        evenement.preventDefault();

        var cible = document.getElementById('question');
        if (cible.style.display == 'none') {
            cible.style.display = 'block';
        } else {
            cible.style.display = 'none';
        }
        return false;
    });

    var form = document.getElementById('formulaire');
    form.addEventListener('submit', function (evenement) {
        evenement.preventDefault();
        /* Récupération des informations */
        var image = form.getElementsByTagName('img')[0];
        var espece = document.getElementById('espece');
        var poil = document.getElementById('poil');
        var _certain = document.getElementsByName('certain');
        var certain = null;

        for (var i = 0; i < _certain.length; i++) {
            if (_certain[i].checked) {
                certain = _certain[i];
            }
        }

        var continent = form.getElementsByTagName('select')[0];
        var continent_valeur = continent.options[continent.selectedIndex].value;

        /* Test des champs */
        if (espece.value == '' || poil.value == '' || certain.value == '' || continent_valeur == "") {
            alert("Veuillez remplir tous les champs !");
            return false;
        }

        /* On remplit les élements des valeurs renseignées */
        var resultat = document.getElementById('resultat');
        var _paragraphes = resultat.getElementsByTagName('p');
        var valeur_image = image.getAttribute('src');
        var image_resultat = resultat.getElementsByTagName('img')[0];
        image_resultat.setAttribute('src', valeur_image);
        var valeur_espece_poil = '... je suis donc un(e) ' + espece.value + ' à poils ' + poil.value;
        var paragraphepremier = _paragraphes[0];
        paragraphepremier.innerHTML = valeur_espece_poil;
        var valeur_continent = '<span class="big">... et mon continent d\'origine est : "' + continent_valeur + '"</span>';
        var dernierparagraphe = _paragraphes[_paragraphes.length - 1];
        dernierparagraphe.innerHTML = valeur_continent;
        /* On affiche le bloc de résultat */
        form.style.display = "none";
        resultat.style.display = "block";
        return false;
    }, false);
})();

我希望你能帮助我。 我尝试在互联网上观看很多例子,但我也有同样的结果。

1 个答案:

答案 0 :(得分:0)

倾倒retadre ton tona评论,avec JQuery on peut utiliser submit() sur un element,a la place de addEventListener

var form = $('#formulaire'); 
form.submit(function( evenement ) {
    alert("Submitted!");
    evenement.preventDefault(); 
}

Ca prends juste un peu de recherche et du Google-fu。