溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jQuery AJAX與jQuery事件的分析講解

發(fā)布時(shí)間:2020-08-21 11:12:28 來源:腳本之家 閱讀:212 作者:Inside_Zhang 欄目:web開發(fā)

jQuery 本身即是為事件處理而特別設(shè)計(jì)的,jQuery 事件處理方法是 jQuery 中的核心函數(shù)。

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

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

0. $ 符號

根據(jù)類別,定位標(biāo)簽:

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

根據(jù) id 定位標(biāo)簽:

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

1. demo:點(diǎn)擊按鈕,將段落折疊

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

2. jQuery ajax - getJSON() 方法

使用 AJAX 請求來獲得 JSON 數(shù)據(jù),并輸出結(jié)果:

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

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對億速云的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI