jQuery AJAX與jQuery事件的分析講解

今天小編就爲大家分享一篇關於jQuery AJAX與jQuery事件的分析講解，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

jQuery 本身即是爲事件處理而特別設計的，jQuery 事件處理方法是 jQuery 中的核心函數。

$(function() { ... }); 是如下格式的縮寫：

$(document).ready(function() { ... });

0. $ 符號

根據類別，定位標籤：

<button>click me</button>
<p>hide me</p>
<p>hide me 2</p>
$('button').click(function(){
  $('p').hide();     // 作用在兩個 <p>/</p> 上
});

根據 id 定位標籤：

<h2 id='temp'></p>
$('#temp').html(...);

1. demo：點擊按鈕，將段落摺疊

$(document).ready(function () {
  $('button').click(function(){
    $('p').hide();
  });
});

2. jQuery ajax - getJSON() 方法

使用 AJAX 請求來獲得 JSON 數據，並輸出結果：

$("button").click(function(){
 $.getJSON("demo_ajax_json.js",function(result){
  $.each(result, function(i, field){        // 遍歷數組
   $("div").append(field + " ");
  });
 });
});

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對神馬文庫的支持。如果你想了解更多相關內容請查看下面相關鏈接