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中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
jQuery实现图片切换效果
Oct 19 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
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
PHP 存储文本换行实现方法
2010/01/05 PHP
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
php 修改上传文件大小限制实例详解
2016/10/23 PHP
PHP实现的各类hash算法长度及性能测试实例
2017/08/27 PHP
jQuery 使用手册(三)
2009/09/23 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
JavaScript框架(iframe)操作总结
2014/04/16 Javascript
jquery-syntax动态语法着色示例代码
2014/05/14 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
vue router动态路由下让每个子路由都是独立组件的解决方案
2018/04/24 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
vue 引用自定义ttf、otf、在线字体的方法
2019/05/09 Javascript
微信小程序基于Taro的分享图片功能实践详解
2019/07/12 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
浅谈Pandas 排序之后索引的问题
2018/06/07 Python
详解python中list的使用
2019/03/15 Python
Python初学者常见错误详解
2019/07/02 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
Python中如何定义一个函数
2016/09/06 面试题
小学生演讲稿
2014/01/12 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
基层党员群众路线整改措施及努力方向
2014/10/28 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
git stash(储藏)的用法总结
2022/06/25 Servers