將JQuery文件鏈接到HTML

-1

好的，這聽起來非常模糊。（它可能是）我是一個非常新手的程序員，所以請耐心等待。將JQuery文件鏈接到HTML

我想鏈接一個簡單的jQuery文件到我的HTML文件，但我似乎無法讓它工作。通過前面的回答這個問題的小事看後，我意識到，我是缺少的關鍵代碼行，例如（這只是一個例子）

<script type="text/javascript" src="code.jquery.com/jquery-1.11.1.min.js"></script>

同樣，我知道我必須聽起來很愚蠢。

這是我到目前爲止有：

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="firststuffcss.css"/> 
    </script> 
</head> 
<body> 
<div id="green"></div> 
<div id="blue"></div> 
</body>

我的jQuery代碼如下：

$(document).ready(function() { 
$('#green').fadeOut(1000); 
});

有人能告訴我如何鏈接jQuery的文件到HTML文件？我知道這個問題已被問過500次，但由於某種原因，我無法完成這項工作。非常感謝你！對不起，讓你因我的無能而畏縮。

來源

2015-02-09 NeilnGauss

http://www.w3schools.com/jquery/jquery_get_started.asp – 2015-02-09 06:07:44

http://stackoverflow.com/questions/5332752/including-an-external-jquery-file-in -html – 2015-02-09 06:07:57

ug。它仍然沒有工作。有人可以發佈工作js小提琴嗎？ – NeilnGauss 2015-02-10 05:18:25

只需將您的初始jquery加載添加到樣式表下的標題。你想在加載jquery腳本之前加載任何css（將來）。

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title> - jsFiddle demo</title>  
    <script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.js'></script> 
    <link rel="stylesheet" type="text/css" href="/css/result-light.css"> 
    <style type='text/css'> 
    #green {width: 150px; height: 150px; background: green; } 
    </style> 
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$(document).ready(function() { 
$('#green').fadeOut(1000); 
}); 

});//]]> 
</script> 
</head> 
<body> 
    <div id="green"></div> 

</body>

做，你之前加載jquery的記下您使用的腳本的任何部分調用（$）。

希望有幫助！

這是你的提琴：其所有的強制性的http://jsfiddle.net/2633c1em/

來源

2015-02-09 06:09:50 acupajoe

AHHH它仍然不工作請有人請請請請請張貼工作js小提琴？ – NeilnGauss 2015-02-10 05:16:15

我已經用小提琴更新了代碼 – acupajoe 2015-02-10 17:01:14

首先包括jQuery庫。有幾個方法，你可以在HTML鏈接jQuery代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="firststuffcss.css"/> 
    <!-- Mandatory to include --> 
    <script type="text/javascript" src="code.jquery.com/jquery-1.11.1.min.js"></script> 
</head> 
<body> 
    <div id="green"></div> 
    <div id="blue"></div> 
</body> 
</html>

這是你如何整合你的代碼：

方法1（在頁腳）

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="firststuffcss.css"/> 
    <!-- Mandatory to include --> 
    <script type="text/javascript" src="code.jquery.com/jquery-1.11.1.min.js"></script> 
</head> 
<body> 
    <div id="green"></div> 
    <div id="blue"></div> 

<script> 
$(document).ready(function() { 
    $('#green').fadeOut(1000); 
}); 
</script> 
</body> 
</html>

方法2（在標題中）

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="firststuffcss.css"/> 
    <!-- Mandatory to include --> 
    <script type="text/javascript" src="code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('#green').fadeOut(1000); 
    }); 
    </script> 
</head> 
<body> 
    <div id="green"></div> 
    <div id="blue"></div> 
</body> 
</html>

方法3（來自外部文件）可以說你有一個文件自定義。JS有你的代碼：

$(document).ready(function() { 
    $('#green').fadeOut(1000); 
});

這是你如何可以添加外部JS文件

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="firststuffcss.css"/> 
    <!-- Mandatory to include --> 
    <script type="text/javascript" src="code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script src="PATH_OF_JS_FILE/custom.js"></script> 
</head> 
<body> 
    <div id="green"></div> 
    <div id="blue"></div> 
</body> 
</html>

更新：路徑，例如

- Project Directory 
--- CSS 
--- CSS/style.css 
--- JS 
--- JS/custom.js 
--- index.php | index.html 

url: http://www.yourproject.com 
js path: http://www.yourproject.com/JS/custom.js

來源

2015-02-09 06:12:05

所以是 universal for所有電腦？就像它會爲任何人工作？ – NeilnGauss 2015-02-09 23:17:48

另外，你可以給我「js文件路徑？」的語法嗎？非常感謝你 – NeilnGauss 2015-02-09 23:20:12

@NeilnGauss是的，它適用於所有的電腦和設備，如平板電腦，移動也。路徑代表您的文件的位置。 – 2015-02-10 03:50:29

把你的腳本標籤像頭部分

<head> 
    <script type="text/javascript" src="your jquery file name "></script> 
</head>

文件名一樣load.js

來源

2015-02-09 06:13:02

將JQuery文件鏈接到HTML

回答

相關問題