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 30 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jQuery 控制文本框自动缩小字体填充
Jun 16 jQuery
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
JQuery表单元素取值赋值方法总结
May 12 jQuery
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 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
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
ADODB类使用
2006/11/25 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
Codeigniter注册登录代码示例
2014/06/12 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
dedecms中使用php语句指南
2014/11/13 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
Swoole源码中如何查询Websocket的连接问题详解
2020/08/30 PHP
JavaScript更改class和id的方法
2008/10/10 Javascript
通用JS事件写法实现代码
2009/01/07 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
2016/01/26 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
JS实现数组按升序及降序排列的方法
2017/04/26 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
PyQt5笔记之弹出窗口大全
2019/06/20 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
python 获取计算机的网卡信息
2021/02/18 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
药学专业大专生的自我评价
2013/12/12 职场文书
公司营业员的自我评价
2014/03/04 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
应届大专生自荐书
2014/06/16 职场文书
万里长城导游词
2015/01/30 职场文书
女性健康知识讲座通知
2015/04/23 职场文书
python爬虫框架feapde的使用简介
2021/04/20 Python
JavaScript 数组去重详解
2021/09/15 Javascript