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 14 jQuery
jQuery Validate 校验多个相同name的方法
May 18 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
jQuery使用each遍历循环的方法
Sep 19 jQuery
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 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操作数组的一些函数整理介绍
2011/07/17 PHP
基于Discuz security.inc.php代码的深入分析
2013/06/03 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
使用php计算排列组合的方法
2013/11/13 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
深入理解JavaScript定时机制
2010/10/29 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
jQuery设计思想
2017/03/07 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
使用python为mysql实现restful接口
2018/01/05 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
Python字符串的一些操作方法总结
2019/06/10 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
HTML5 Notification(桌面提醒)功能使用实例
2014/03/17 HTML / CSS
Oracle快照(snapshot)
2015/03/13 面试题
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
浅谈react路由传参的几种方式
2021/03/23 Javascript
大学新闻系自荐书
2014/05/31 职场文书
政府采购方案
2014/06/12 职场文书
人力资源管理求职信
2014/08/07 职场文书
2015年环卫工作总结
2015/04/28 职场文书
2015年教师教学工作总结
2015/04/28 职场文书