Question

我很遗憾地向你提出这么简单的问题。我可以在我的html页面中使用jQuery函数。但我不知道如何在我的javascript源文件中使用一个？请告诉我。

提前谢谢。

编辑：目前，我在我的javascript源文件的头部使用以下声明。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

Answer 1

你可以用完全相同的方式做到这一点。在将外部JS文件与其中的jQuery链接之前，您只需要链接jQuery源文件，以便它知道如何处理它。

以下是托管jquery的示例：

<强>的test.html

<html>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
    <script type="text/javascript" src="./test.js"></script>
  </head>
</html>

<强> test.js

$(document).ready( function(){ 
  var t = $.trim(" abc ");
  alert('...'+t+'...'); 
});

以下是嵌入式jquery的示例：

<强>的test.html

<html>
  <head>
    <script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="./test.js"></script>
  </head>
</html>

<强> test.js

(function($){ 
  var t = $.trim(" abc ");
  alert('...'+t+'...'); 
})(jQuery);

Answer 2

你的意思是你不确定如何将它添加到文件的标题中，以便它影响后面的DOM元素？像wescrow说的那样，你应该首先导入jQuery文件然后导入你的脚本文件。然后，在您的脚本文件中，确保您具有以下内容：

$(document).ready(function(){
     // your javascript here
});

或

$(function(){
     // your javascript here
});

这可确保在jQuery代码启动之前加载DOM。有关更多信息，请查看官方文档：http://api.jquery.com/ready/他们在那里有一个很好的例子。

Answer 3

这里有一点点你可以用jQuery快速敲定的东西：

$(function(){
  // Few lines of code will query Twitter's search API and append the results to the browser.
  var url = "http://search.twitter.com/search.json?callback=?&q=weather";

  $.getJSON(url, function(data){
    $.each(data.results, function(i, tweet){
      $('body').append("<p>" + tweet.text + " by " + tweet.from_user_name + "</p>");
    });
  });
});

如何在我的javascript源代码中使用jQuery函数？

3 个答案: