将JavaScript文档转换/更改为jQuery_Javascript_Jquery

将JavaScript文档转换/更改为jQuery

javascript jquery

将JavaScript文档转换/更改为jQuery,javascript,jquery,Javascript,Jquery,对于任务，我需要用纯JavaScript编写我的站点代码，然后将这些元素转换为jQuery 我知道jQuery只是JavaScript的一种风格。但我不知道如何在jQuery中更改元素。我以为这就像把html转换成引导程序一样，但我发现事实并非如此例如，这是我的JavaScript代码，用于倒计时时钟。我是否只需要添加一个美元符号而不是var？请不要将我链接到jQuery教程；因为我已经看到了一些，你能帮我理解如何调和两者吗 //确定我们倒计时的日期 var countDownDate=新日

对于任务，我需要用纯JavaScript编写我的站点代码，然后将这些元素转换为jQuery

我知道jQuery只是JavaScript的一种风格。但我不知道如何在jQuery中更改元素。我以为这就像把html转换成引导程序一样，但我发现事实并非如此

例如，这是我的JavaScript代码，用于倒计时时钟。我是否只需要添加一个美元符号而不是var？请不要将我链接到jQuery教程；因为我已经看到了一些，你能帮我理解如何调和两者吗

//确定我们倒计时的日期 var countDownDate=新日期2018年6月5日00:00:00.getTime； //每1秒更新一次倒计时 var x=setIntervalfunction{ //获取今天的日期和时间 var now=new Date.getTime； //找出现在和倒计时日期之间的距离 var距离=倒计时日期-现在； //天、小时、分钟和秒的时间计算 var天数=数学楼层间距/1000*60*60*24； var小时数=数学楼层间距%1000*60*60*24/1000*60*60； var minutes=Math.floordistance%1000*60*60/1000*60； var秒数=Math.floordistance%1000*60/1000； //在id=demo的元素中显示结果 document.getElementByIdclock.innerHTML=days+d+ 小时+小时+分钟+米+秒+秒； //如果倒计时结束，写一些文字如果距离<0{ clearIntervalx； document.getElementByIdclock.innerHTML=过期； } }, 1000;

其实很简单

禁止使用：

document.getElementById("clock").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";

您只需要使用jquery等价物，其中clock是jquery选择器：

$("#clock").html(days + "d " + hours + "h " + minutes + "m " + seconds + "s ");

任何有效的Javascript代码在jQuery中也是有效的。请记住，jQuery只是Javascript之上的一个库，而不是它的“风格”，它执行一系列专门的操作，如DOM操作、AJAX请求等

jQuery中的$是选择DOM元素的选择器，如我们在Javascript中编写的document.querySelector或document.getElementById

典型的jQuery选择器将允许您使用CSS选择器选择DOM元素，如下所示：

$("#YourIDNameHere").click(){
//some event handling logic here
};

首先使用CDN将jQuery导入应用程序：

<head>
 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"> 
 </script>
</head>

因此，您只需要以jQuery的方式重写以下代码

let timeString = `${days} days ${hours} hours ${minutes} minutes ${seconds} seconds`;

$("#clock").html = timeString;

// If the count down is finished, write some text
if (distance < 0) {
   clearInterval(x);
   $("#clock").html = "EXPIRED";
}
}, 1000);

javascript和jQuery中的变量声明将是相同的

当您访问DOM元素时，语法就会改变

您需要从jquery.org下载jquery-.min.js，或者在html中链接到它。在这里，我下载了2.2.0 min js，并在部分的html页面中使用

设置值

$("#clock").html("newvalue");

何时使用.val或.text或.html取决于您正在访问的元素。

帮助：不要忘记将jQuery导入到文档$'clock'.html'将您的文本放在这里'；？正如上面一位同事所说，确保将jquery库导入到您的项目中

$("#clock").html();

$("#clock").html("newvalue");