如何在單獨的js文件里調(diào)用jquery

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、虛擬主機、營銷軟件、網(wǎng)站建設(shè)、龍江網(wǎng)站維護(hù)、網(wǎng)站推廣。

1、首先，打開html編輯器，新建html文件，例如：index.html，先引入jquery。

2、在index.html中的/body標(biāo)簽前，引入自己寫的js文件，例如index.js文件。

3、在index.js中調(diào)用jquery的函數(shù)。

4、瀏覽器運行index.html頁面，此時成功調(diào)用了index.js中編寫的內(nèi)容。

jquery預(yù)加載的幾種方式

jquery預(yù)加載的兩種方式說明如下：

1、通過寫函數(shù)進(jìn)行預(yù)加載

function preload(arrayOfImages) {

$(arrayOfImages).each(function(){

$('img/')[0].src = this; //循環(huán)加載傳進(jìn)來的圖片數(shù)組

});

}

調(diào)用方法：

preload([

'img/imageName.jpg', //圖片1

'img/anotherOne.jpg',//圖片2

'img/blahblahblah.jpg'//圖片3

]);

2、通過插件的方式預(yù)加載

//自定義函數(shù)preload，實現(xiàn)原理跟方法一差不多

$.fn.preload = function() {

this.each(function(){

$('img/')[0].src = this;

});

}

調(diào)用方法：

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

jquery跟js初始化加載的多種方法及區(qū)別介紹

jquery是等待頁面加載完數(shù)據(jù)，以及頁面部分元素；js是頁面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文

jquery和js初始化加載頁面的區(qū)別：

jquery：等待頁面加載完數(shù)據(jù)，以及頁面部分元素（不包括圖片、視頻），

js：是頁面全部加載完成才執(zhí)行初始化加載。

1、jQuery

頁面加載初始化的方法有3種

，頁面在加載的時候都會執(zhí)行腳本,

第一種(比較常用)：

代碼如下:

$.function(){

alert("第一種方法");

});

第二種：

復(fù)制代碼

代碼如下:

$(document).ready(function(){

alert("第二種方法");

});

第三種：

代碼如下:

jQuery(function($){

alert("第三種方法");

});

2、js初始化加載的方法

第一種：

代碼如下:

window.onload=function(){

alert("初始化加載");

};

第二種：

(winOnload

此方法名自定義)

代碼如下:

function

winOnload()

{

alert("初始化加載");

};

winOnload();

注意：

由于jquery使用$符號，和有些組件例如dwr就有沖突，為了解決這個問題，可以使用

代碼如下:

var

ace=jQuery.noConflict();

如何在js 文件中使用jquery

1.js

其中1.html代碼如下：

如要測試還需要加上jquery.js 這個可自行下載

運行后點擊按鈕效果如圖：

下面再附上網(wǎng)上的一些方法：

1、直接document.write

script language="javascript"

document.write("script src='test.js'\/script");

/script

2、動態(tài)改變已有script的src屬性

script src='' id="s1"/script

script language="javascript"

s1.src="test.js"

/script

3、動態(tài)創(chuàng)建script元素

script

var oHead = document.getElementsByTagName('HEAD').item(0);

var oScript= document.createElement("script");

oScript.type = "text/javascript";

oScript.src="test.js";

oHead.appendChild( oScript);

/script

其實原理就是利用dom動態(tài)的引入一個js到文件中來，就能和原有的js通信了。

如何加載JQUERY

在head標(biāo)簽中加入

script type="text/javascript" src=""/script

即可。

src中可以根據(jù)需要選擇不同版本的jquery。

分享題目：js加載jquery,JS加載頁面
文章地址：http://chinadenli.net/article12/dsieegc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、做網(wǎng)站、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)