混合Javascript和jQuery?

主要问题:是否可以使用JavaScript条件然后使用一些jQuery代码?

这是一个目前不起作用的例子:

 //  

JavaScript条件由我的电子商务平台(Volusion)提供,仅针对类别页面(jQuery是我的所作所为)。 我问他们这个JavaScript代码是否仍然有效,因为我的url不包含“/SearchResults.asp”(其中一个实际上是“/Meats-s/3393.htm”),但他们向我保证它仍然可以工作。

次要问题:“location.pathname.indexOf”行有什么作用?

jQuery和JavaScript不是单独的语言。 jQuery是一个用Javascript编写的库,因此任何有效的jQuery语句都是有效的JavaScript语句。

Q2: location.pathname是域名后的url路径。

例如http://www.google.com/s/goo.html – >路径名将返回s / goo.html

所以你的if条件试图找出这个字符串是否包含子字符串“-s”。

虽然你可以混合,但重要的是要理解jQuery和本机Javascript以不同的方式引用DOM元素。

假设您有一个包含如下元素的文档:

  

要在常规Javascript中获取该元素,将是:

 var spanElement = document.getElementById("message_location"); 

但是,使用jQuery库,您将使用以下语法:

 var $spanElement = $("#message_location"); 

在这里你必须意识到spanElement$spanElement 不是一回事。 一个是DOM元素,另一个是数组和jQuery对象,它包含一个值 – span元素。

当从jQuery库和常规Javascript中来回走动时,很容易混淆你真正指的是什么。

(就个人而言,每当我有一个DOM元素的jQuery引用时,我总是用$来启动变量名。它让我的生活变得简单……)

你绝对可以混合它们。

location.pathname.indexOf正在搜索当前URL以查找“_s /”或“-s /”的实例。 如果URL不包含这些字符(或者如果它等于“/SearchResults.asp”),则运行您的jquery代码。

你应该能够自由地混合两者,小心使用JQuery选择器和常规Javascript dom元素,但两者并不总是相同。 (即,类,多个选择器。)

jQuery只是一个提供有用方法的javascript对象。 所以是的,你可以一起使用vanilla js和jQuery。