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中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jQuery extend()详解及简单实例
May 06 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
jQuery 实现扁平式小清新导航
Jul 07 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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
php警告Creating default object from empty value 问题的解决方法
2014/04/02 PHP
Yii2中datetime类的使用
2016/12/17 PHP
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
javascript常见操作汇总
2014/09/03 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
javascript常用方法总结
2015/05/14 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
AngularJs中$cookies简单用法分析
2019/05/30 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
Tensorflow 自带可视化Tensorboard使用方法(附项目代码)
2018/02/10 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
python去掉 unicode 字符串前面的u方法
2018/10/21 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
python安装scipy的方法步骤
2019/06/26 Python
python实现两个dict合并与计算操作示例
2019/07/01 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
PageFactory设计模式基于python实现
2020/04/14 Python
python 异步async库的使用说明
2020/05/04 Python
Python远程方法调用实现过程解析
2020/07/28 Python
Python常用外部指令执行代码实例
2020/11/05 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
使用索引有什么好处
2016/07/27 面试题
歌唱比赛获奖感言
2014/01/21 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
实名检举信范文
2015/03/02 职场文书
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python