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插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
关于jQuery库冲突的完美解决办法
May 20 jQuery
jquery append与appendTo方法比较
May 24 jQuery
jQuery EasyUI开发技巧总结
Sep 26 jQuery
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
Jquery获取radio选中值实例总结
Jan 17 jQuery
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 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
PHP中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
JS日历 推荐
2006/12/03 Javascript
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
jquery 输入框数字限制插件
2009/11/10 Javascript
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
RequireJS使用注意细节
2016/05/15 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
2018/07/19 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
如何管理Vue中的缓存页面
2021/02/06 Vue.js
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
在Python中处理字符串之isdigit()方法的使用
2015/05/18 Python
Django实现简单分页功能的方法详解
2017/12/05 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
使用TensorFlow对图像进行随机旋转的实现示例
2020/01/20 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
研究生毕业鉴定
2014/01/29 职场文书
2014年清明节寄语
2014/04/03 职场文书
安全生产演讲稿
2014/05/09 职场文书
李培根演讲稿
2014/05/22 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
2014最新实习证明模板
2014/10/02 职场文书
初中家长评语大全
2014/12/26 职场文书
十二生肖观后感
2015/06/12 职场文书