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绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
jQuery实现消息弹出框效果
Dec 10 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
jQuery实现本地存储
Dec 22 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 分页分组类
2009/12/10 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
Yii2框架中日志的使用方法分析
2017/05/22 PHP
jquery 获取json数据实现代码
2009/04/27 Javascript
使用JQuery进行跨域请求
2010/01/25 Javascript
js或css实现滚动广告的几种方案
2010/01/28 Javascript
js中的this关键字详解
2013/09/25 Javascript
js数组的基本操作(很全自己整理的)
2014/10/16 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
DOM节点删除函数removeChild()用法实例
2015/01/12 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
vue使用axios时关于this的指向问题详解
2017/12/22 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
node.js学习笔记之koa框架和简单爬虫练习
2018/12/13 Javascript
python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
2014/06/09 Python
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
使用Python爬取小姐姐图片(beautifulsoup法)
2021/02/11 Python
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
智能钱包:Ekster
2019/11/21 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
办理信用卡工作证明
2014/01/11 职场文书
自考生自我评价分享
2014/01/18 职场文书
十八届三中全会学习方案
2014/02/16 职场文书
业务员自荐信范文
2014/04/20 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
12.4全国法制宣传日活动方案
2014/11/02 职场文书
教师“一帮一”结对子活动总结
2015/05/07 职场文书
工作一年自我鉴定
2019/06/20 职场文书
比较node.js和Deno
2021/04/27 Javascript