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