jquery调用javascript

jQuery是一个非常流行的JavaScript库，它简化了JavaScript在网页开发中的使用。通过jQuery，我们可以更方便地选择DOM元素、操作DOM、处理事件等。而如果我们想要调用JavaScript函数，jQuery也提供了相应的方法。

在jQuery中，调用JavaScript函数可以使用`$.fn.extend`方法。这个方法可以将一个JavaScript函数扩展到jQuery对象上，使得我们可以直接通过jQuery对象调用该函数。

下面是一个示例，假设我们有一个JavaScript函数`sayHello`，它接受一个参数并在控制台输出"Hello, "加上该参数的值。现在我们想要使用jQuery来调用这个函数。

我们需要使用`$.fn.extend`方法将`sayHello`函数扩展到jQuery对象上。代码如下：

$.fn.extend({
  sayHello: function(name) {
    console.log("Hello, " + name);
  }
});

在上面的代码中，我们使用`$.fn.extend`方法将一个对象传递给它，对象中的属性就是我们要扩展的函数，属性名即为我们调用函数时使用的方法名。

接下来，我们就可以通过jQuery对象调用`sayHello`函数了。代码如下：

$("body").sayHello("John");

在上面的代码中，我们通过选择器`$("body")`选择了`body`元素，并调用了扩展的`sayHello`方法，传递了一个参数"John"。

当我们运行上面的代码时，控制台将输出"Hello, John"。

需要注意的是，扩展的函数在调用时的上下文（即`this`关键字）指向的是jQuery对象本身。这意味着，在扩展函数中，我们可以通过`this`来访问和操作jQuery对象的属性和方法。

除了使用`$.fn.extend`方法，我们还可以使用`$.extend`方法将一个JavaScript对象扩展到jQuery对象上。这个方法与`$.fn.extend`方法的区别在于，扩展的方法将作为静态方法直接通过`$`对象调用，而不是通过jQuery对象调用。

通过jQuery调用JavaScript函数可以使用`$.fn.extend`方法将函数扩展到jQuery对象上，然后通过jQuery对象调用该函数。这样做可以使我们更方便地在网页开发中使用JavaScript函数，并且可以充分利用jQuery提供的其他功能。