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 获取Dom元素的实例讲解
Jul 08 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
jquery写出PC端轮播图实例
Jan 26 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
jquery实现上传图片功能
Jun 29 jQuery
jquery插件实现图片悬浮
Apr 16 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
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
总结PHP中数值计算的注意事项
2016/08/14 PHP
php实现的简单数据库操作Model类
2016/11/16 PHP
php微信开发之关注事件
2018/06/14 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
仅img元素创建后不添加到文档中会执行onload事件的解决方法
2011/07/31 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
2014/08/12 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
jQuery Dom元素操作技巧
2018/02/04 jQuery
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
jQuery实现鼠标移入移出事件切换功能示例
2018/09/06 jQuery
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
JS实现炫酷轮播图
2020/11/15 Javascript
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
python实现微信防撤回神器
2019/04/29 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
python代码xml转txt实例
2020/03/10 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
使用Keras构造简单的CNN网络实例
2020/06/29 Python
创立科技Java面试题
2015/11/29 面试题
路政管理专业个人自荐信范文
2013/11/30 职场文书
高三励志标语
2014/06/05 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
义诊活动通知
2015/04/24 职场文书
七夕情人节问候语
2015/11/11 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
golang slice元素去重操作
2021/04/30 Golang
Python爬虫基础讲解之请求
2021/05/13 Python