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仿微信聊天界面
May 06 jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
Jquery实现获取子元素的方法分析
Aug 24 jQuery
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
jquery实现图片放大镜效果
Dec 23 jQuery
jQuery实现广告显示和隐藏动画
Jul 04 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
PHP使用内置函数file_put_contents写入文件及追加内容的方法
2015/12/07 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
js中parseInt函数浅谈
2013/07/31 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
js实现右下角提示框的方法
2015/02/03 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
正则表达式,替换所有HTML标签的简单实例
2016/11/28 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
详解Django中的过滤器
2015/07/16 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
Python中的 ansible 动态Inventory 脚本
2020/01/19 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
Python转换字典成为对象,可以用&quot;.&quot;方式访问对象属性实例
2020/05/11 Python
在Pytorch中使用Mask R-CNN进行实例分割操作
2020/06/24 Python
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
Dodax奥地利:音乐、电影、书籍、玩具、电子产品等
2019/08/31 全球购物
校庆活动方案
2014/03/31 职场文书
2014年新生军训方案
2014/05/01 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
2015年新教师工作总结
2015/04/28 职场文书
2016年秋季运动会加油稿
2015/12/21 职场文书