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获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
JQuery 又谈ajax局部刷新
Nov 27 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
jquery.pagination.js分页使用教程
Oct 23 jQuery
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
jquery实现异步文件上传ajaxfileupload.js
Oct 23 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实现网上点歌(二)
2006/10/09 PHP
(PHP实现)只使用++运算实现加法,减法,乘法,除法
2013/06/27 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
jQuery $.each的用法说明
2010/03/22 Javascript
javascript根据像素点取位置示例
2014/01/27 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
jQuery 限制输入字符串长度
2016/06/20 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
js实现文字截断功能
2016/09/14 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
很棒的一组js图片轮播特效
2017/01/12 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
2017/02/27 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
bootstrap Table插件使用demo
2017/08/07 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
jQuery实现动态向上滚动
2020/12/21 jQuery
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
Python文档生成工具pydoc使用介绍
2015/06/02 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
python中实现控制小数点位数的方法
2019/01/24 Python
python 图片去噪的方法示例
2019/07/09 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
python可视化 matplotlib画图使用colorbar工具自定义颜色
2020/12/07 Python
荷兰超市:DEEN
2018/03/14 全球购物
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
旅游与酒店管理的自我评价分享
2013/11/03 职场文书
请假条标准格式规范
2014/04/10 职场文书
酒店管理毕业生自荐信
2014/05/25 职场文书
校车安全管理责任书
2015/05/11 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
Java中API的使用方法详情
2022/04/06 Java/Android