混合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。