如何在我的JavaScript源代码中使用jQuery功能？

问题描述：

我很抱歉为你提出这样一个简单的问题。我可以在我的html页面中使用jQuery函数。但我不知道如何使用我的JavaScript源文件中的一个？请告诉我。如何在我的JavaScript源代码中使用jQuery功能？

预先感谢您。

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

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

答

你可以用完全相同的方法来做到这一点。在将外部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);

能不能请您给我一个简短的示例代码？ – 2012-02-11 14:06:53

借用你的test.js，如何使用jQuery.trim（“abc”）？虽然这听起来很不礼貌，但警告并不适合作为示例。请重新安排test.js。 – 2012-02-11 14:31:46

哇。这完全是无礼的。我已经屈服于你的要求，但如果你有特定的要求，你应该在你的问题中提出要求。 – 2012-02-11 14:40:03

答

你的意思是你不知道怎么会这样，它影响以后的DOM元素，将其添加到该文件的标题它？就像wescrow所说的，你应该先导入jQuery文件，然后导入你的脚本文件。然后，在你的脚本文件，请确保您有类似：

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

或

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

这可以确保您的DOM在jQuery代码踢之前加载欲了解更多信息，请参阅官方doc：http://api.jquery.com/ready/他们在那里有一个很好的例子。

答

这里还有什么可以快速使用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功能？

相关推荐