jQuery AJAX與jQuery事件的分析講解
jQuery 本身即是為事件處理而特別設(shè)計(jì)的,jQuery 事件處理方法是 jQuery 中的核心函數(shù)。
$(function() { ... });
是如下格式的縮寫:
$(document).ready(function() { ... });
0. $ 符號(hào)
根據(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 請(qǐng)求來獲得 JSON 數(shù)據(jù),并輸出結(jié)果:
$("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result){ $.each(result, function(i, field){ // 遍歷數(shù)組 $("div").append(field + " "); }); }); });
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
- jQuery實(shí)現(xiàn)ajax的嵌套請(qǐng)求案例分析
- jQuery實(shí)現(xiàn)簡(jiǎn)單的Ajax調(diào)用功能示例
- 詳解JavaScript原生封裝ajax請(qǐng)求和Jquery中的ajax請(qǐng)求
- jQuery ajax+PHP實(shí)現(xiàn)的級(jí)聯(lián)下拉列表框功能示例
- AJAX在JQuery中的應(yīng)用詳解
- Jquery的Ajax技術(shù)使用方法
- JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)
- 為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
- Jquery實(shí)現(xiàn)無縫向上循環(huán)滾動(dòng)列表的特效
相關(guān)文章
formValidator3.3的ajaxValidator一些異常分析
ajaxvalidator是大家問的最多的問題,修正一個(gè)bug(感謝網(wǎng)友“じ龍峸√”),并把大家最關(guān)心的問題,再做一次闡述。2011-07-07jQuery 練習(xí)[一] 學(xué)習(xí)jquery的準(zhǔn)備工作
初次嘗試 jQuery, 近乎震撼! 簡(jiǎn)潔、高效、優(yōu)雅、平易, 太有思想了.2010-05-05Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
本篇文章主要是對(duì)Jquery中"$(document).ready(function(){ })"函數(shù)的使用進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12jQuery實(shí)現(xiàn)仿騰訊微博滑出效果報(bào)告每日天氣的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿騰訊微博滑出效果報(bào)告每日天氣的方法,涉及jQuery鼠標(biāo)事件及css樣式操作技巧,需要的朋友可以參考下2015-05-05Tinymce+jQuery.Validation使用產(chǎn)生的BUG
在IE6下,當(dāng)頁面有advanced模式的Tinymce編輯器,并且,并且jquery.validation使用了jquery.metadata時(shí)會(huì)出現(xiàn)以下問題2010-03-03jQuery實(shí)現(xiàn)簡(jiǎn)單的滑動(dòng)導(dǎo)航代碼(移動(dòng)端)
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的滑動(dòng)導(dǎo)航代碼,適合用于移動(dòng)端。需要的朋友可以參考下2017-05-05jQuery實(shí)現(xiàn)的簡(jiǎn)單拖動(dòng)層示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單拖動(dòng)層,可實(shí)現(xiàn)響應(yīng)鼠標(biāo)拖動(dòng)div層及動(dòng)態(tài)顯示坐標(biāo)值的功能,涉及jQuery鼠標(biāo)響應(yīng)及頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2017-02-02