快捷導(dǎo)航

jQuery AJAX與jQuery事件的分析講解

更新時(shí)間：2019年02月18日 17:26:15 作者：Inside_Zhang

今天小編就為大家分享一篇關(guān)于jQuery AJAX與jQuery事件的分析講解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧

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();     // 作用在兩個(gè) <p>/</p> 上
});

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

<h2 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)鏈接

您可能感興趣的文章:

相關(guān)文章

jquery插件制作提示框插件實(shí)現(xiàn)代碼
今天我們介紹的是提示框插件tooltip的制作，其中還會(huì)介紹到自定義選擇器插件的開發(fā)
2012-08-08
通過jquery.cookie.js實(shí)現(xiàn)記住用戶名、密碼登錄功能
這篇文章主要介紹了通過jquery.cookie.js實(shí)現(xiàn)記住用戶名、密碼登錄功能,通過Cookies讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤或內(nèi)存，從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)；具體實(shí)現(xiàn)過程大家通過本文一起看看吧
2018-06-06
jquery使用淘寶接口跨域查詢手機(jī)號碼歸屬地實(shí)例
這篇文章主要介紹了jquery使用淘寶接口跨域查詢手機(jī)號碼歸屬地的方法，大家參考使用吧
2013-11-11
淺談jQuery事件綁定原理
這篇文章主要介紹了淺談jQuery事件綁定原理，并做了簡單分析，然后用實(shí)例來展示,需要的朋友可以參考下
2015-01-01
jquery實(shí)現(xiàn)人性化的有選擇性禁用鼠標(biāo)右鍵
與其使用比較暴力的手段禁用鼠標(biāo)右鍵，還不如有選擇性人性化的的禁用鼠標(biāo)右鍵,需要的朋友可以參考下
2014-06-06
IE中的File域無法清空使用jQuery重設(shè)File域
IE中的File域無法清空，可能你看到的是已經(jīng)沒有值了，其實(shí)它還是存在的，下面有個(gè)不錯(cuò)示例，大家可以參考下
2014-04-04
jQuery時(shí)間驗(yàn)證和轉(zhuǎn)換為標(biāo)準(zhǔn)格式的時(shí)間格式
本篇文章主要介紹了jQuery時(shí)間驗(yàn)證和轉(zhuǎn)換為標(biāo)準(zhǔn)格式的時(shí)間示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下。
2017-03-03
原生JS和jQuery版實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了HTML5中用js、jQuery結(jié)合Ajax實(shí)現(xiàn)文件上傳功能，HTML5中已經(jīng)可以用Ajax上傳文件了，而且代碼簡單，借助 FormData類即可發(fā)送文件數(shù)據(jù)，感興趣的小伙伴們可以參考一下
2016-04-04
jQuery輕量級表單模型驗(yàn)證插件
這篇文章主要介紹了jQuery輕量級表單模型驗(yàn)證插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-10-10
Jquery瀑布流插件使用介紹
瀑布流布局在目前貌似很火爆，具體的分析、原理、用到的知識等等可以看看以下幾位牛人寫的東西
2012-10-10