關於jQuery 事件的相關知識點-js教程-PHP中文網

關於jQuery 事件的相關知識點

jacklove

發布： 2018-05-08 11:39:30

原創

1364 人瀏覽過

jQuery 是為事件處理特別設計的，在js中特別重要，所以本篇將會了解jQuery 事件。

jQuery 事件函數

jQuery 事件處理方法是 jQuery 中的核心函數。

事件處理程序指的是當 HTML 中發生某些事件時所呼叫的方法。術語由事件“觸發”（或“激發”）經常被使用。

通常會把jQuery 程式碼放到部分的事件處理方法中：

實例

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){  $("button").click(function(){
    $("p").hide();
  });});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

登入後複製

親自試試看

##在上面的範例中，當

鈕的點擊事件被觸發時會呼叫一個函數：

$("button").click(function() {..some code... } )

該方法隱藏所有

元素：

#$("p").hide();

單獨檔案中的函數

如果您的網站包含許多頁面，並且您希望您的jQuery 函數易於維護，那麼請把您的jQuery 函數放到獨立的.js 檔案中。

當我們在教學課程中示範 jQuery 時，會將函數直接加入部分。不過，把它們放到一個單獨的檔案會更好，就像這樣（透過src 屬性來引用檔案）：

實例

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

登入後複製

jQuery 名稱衝突

jQuery 使用$ 符號作為jQuery 的

簡介方式。

某些其他 JavaScript 函式庫中的函數（如 Prototype）同樣使用 $ 符號。

jQuery 使用名為 noConflict() 的方法來解決這個問題。

var jq=jQuery.noConflict()，幫助您使用自己的名稱（例如 jq）來取代 $ 符號。

結論

由於jQuery 是為處理HTML 事件而特別設計的，那麼當您遵循以下原則時，您的程式碼會更恰當且更易於維護：

把所有jQuery 程式碼置於事件處理函數中

把所有事件處理函數置於文件就緒事件處理器中

把jQuery 程式碼置於單獨的.js 檔案中

如果有名稱衝突，則重新命名jQuery 函式庫

本篇對jquery事件進行了相關的了解，更多的學習資料清關注php中文網即可觀看。