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使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
关于jquery中attr()和prop()方法的区别
May 28 jQuery
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
jQuery中$原理实例分析
Aug 13 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
jQuery 动态粒子效果示例代码
Jul 07 jQuery
jquery实现简单拖拽效果
Jul 20 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 adodb连接不同数据库
2009/03/19 PHP
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
JS array 数组详解
2009/03/22 Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
通过js获取div的background-image属性
2013/10/15 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
2020/08/06 Javascript
python实现在sqlite动态创建表的方法
2015/05/08 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
Django与JS交互的示例代码
2017/08/23 Python
python、java等哪一门编程语言适合人工智能?
2017/11/13 Python
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
利用简洁的图片预加载组件提升html5移动页面的用户体验
2016/03/11 HTML / CSS
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
一份比较全的PHP面试题
2016/07/29 面试题
教育实习生的自我评价分享
2013/11/21 职场文书
就业自荐信
2013/12/04 职场文书
初中物理教学反思
2014/01/14 职场文书
计算机网络工程专业职业生涯规划书
2014/03/10 职场文书
泰山导游词
2015/02/02 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python
mysql查找连续出现n次以上的数字
2022/05/11 MySQL
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers