jQuery AJAX与jQuery事件的分析讲解


Posted in jQuery onFebruary 18, 2019

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 + " ");
  });
 });
});

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

jQuery 相关文章推荐
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jQuery实现简单的抽奖游戏
May 05 jQuery
Jquery EasyUI $.Parser
Jun 02 jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
Jquery实现获取子元素的方法分析
Aug 24 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 #jQuery
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 #jQuery
jQuery实现的五星点评功能【案例】
Feb 18 #jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 #jQuery
jQuery实现ajax的嵌套请求案例分析
Feb 16 #jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 #jQuery
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 #jQuery
You might like
星际中的相关伤害
2020/03/04 星际争霸
PHP+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
openPNE常用方法分享
2011/11/29 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
Yii使用ajax验证显示错误messagebox的解决方法
2014/12/03 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
js字符串转成JSON
2013/11/07 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
微信小程序中如何计算距离某个节日还有多少天
2019/07/15 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
python使用win32com在百度空间插入html元素示例
2014/02/20 Python
wxPython中文教程入门实例
2014/06/09 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
一文彻底解决HTML5页面中长按保存图片功能
2019/06/10 HTML / CSS
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
伦敦一卡通:The London Pass
2018/11/30 全球购物
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
高考自主招生自荐信
2013/10/20 职场文书
技能竞赛活动方案
2014/02/21 职场文书
岗位安全生产责任书
2014/07/28 职场文书
五年级下册复习计划
2015/01/19 职场文书
关于分班的感言
2015/08/04 职场文书
听课评课活动心得体会
2016/01/15 职场文书