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插件
Mar 29 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
Jquery EasyUI $.Parser
Jun 02 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
基于jQuery封装的分页组件
Jun 26 jQuery
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
Jquery获取radio选中值实例总结
Jan 17 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模板原理讲解
2013/11/13 PHP
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
php文件上传及下载附带显示文件及目录功能
2017/04/27 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
详解微信小程序开发之城市选择器 城市切换
2017/01/17 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
vue实现分页组件
2020/06/16 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
微信小程序实现订单倒计时
2020/11/01 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
详解Django通用视图中的函数包装
2015/07/21 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
python多线程并发实例及其优化
2019/06/27 Python
python 实现屏幕录制示例
2019/12/23 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
python字典与json转换的方法总结
2020/12/28 Python
美国批发零售网站:GearXS
2016/07/26 全球购物
财务总经理岗位职责
2014/02/16 职场文书
大学新生军训自我鉴定范文
2014/09/13 职场文书
2015年党员承诺书
2015/01/21 职场文书
人与自然的观后感
2015/06/18 职场文书
感谢师恩主题班会
2015/08/17 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android