如何将此javascript代码转换为jquery [英] How to convert this javascript code to jquery

问题描述

我需要将此javaskript代码转换为jquery，我将非常感谢您的帮助：

I need to convert this javaskript code to jquery, I would be very grateful for help:

let btn = document.getElementById("btnSend");
let form = document.getElementById("zeForm");
let input = document.getElementById("zeInput");
let msg = document.getElementById("msg");
let allowedValues = ["atown", "btown", "ctown"]; 

btn.onclick = function() {
  let allGood = false;
  
  allowedValues.forEach(function(elm) {
    if(elm === input.value) {
       allGood = true;
       return;
    }
  })

  if(allGood) {
    msg.innerHTML = "Success!!";
    msg.style.color = "green";
    
  } else {
      msg.innerHTML = "This value is not accepted";
      msg.style.color = "red";
  }
    msg.style.display = "inline";

}<

测试的html代码：

The html code for test:

<pre><form id="zeForm">
    <input id="zeInput" type="text" list="typ" name="name" placeholder="gtown" > 
        <datalist id="typ">
            <option value="atown">atown</option> 
            <option value="btown">btown</option> 
            <option value="ctown">ctown</option> 
        </datalist> 
    </input>
    <p id="msg"></p>
    <button id="btnSend" type="button">send</button>
  </form>

我尝试了什么：

What I have tried:

I tried before but it never work correct, i wrote also some tutorials. Therefore about help i would very very grateful.

推荐答案

正如Nathan Minier所说，JQuery只是一个用javascript编写的库。所以，从某种意义上说，这个问题很奇怪。但是JQuery也被大量编写，以更简单的方式替换许多常见功能来编写代码。以及JQuery提供的功能可以解决跨浏览器兼容性问题。我不擅长JQuery，但我会根据你的代码给你一些基本的想法。

As Nathan Minier said, JQuery is just a library written using javascript. So, the question is odd in a sense. But JQuery is also written heavily to replace many common functionality to write code in much simpler fashion. As well as JQuery offers functionality that deal with cross browser compatibility issues. I am not good at JQuery, but I will give you some basic idea based on your code.

#

（ #uniq_id_of_element）;
＃在元素中编写html文本的示例

("#uniq_id_of_element"); # example of writing html text in an element

（ #uniq_id_of_element）。html（ 本文）;

＃将值写入输入对象的示例

("#uniq_id_of_element").html("This text"); # example of writing value to an input object

这篇关于如何将此javascript代码转换为jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！