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实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
jquery中为什么能用$操作
Jun 18 jQuery
jquery获取input输入框中的值
Nov 13 jQuery
jquery实现垂直手风琴菜单
Mar 04 jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
jQuery编写QQ简易聊天框
Aug 27 jQuery
jQuery实现全选按钮
Jan 01 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
实现“上一页”和“下一页按钮
2006/10/09 PHP
PHP脚本的10个技巧(3)
2006/10/09 PHP
TMDPHP 模板引擎使用教程
2012/03/13 PHP
PHP中4种常用的抓取网络数据方法
2015/06/04 PHP
Laravel5框架添加自定义辅助函数的方法
2018/08/01 PHP
Laravel多域名下字段验证的方法
2019/04/04 PHP
smarty模板的使用方法实例分析
2019/09/18 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
JavaScript实战(原生range和自定义特效)简单实例
2016/08/21 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
2016/11/17 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
详释JavaScript执行环境与执行栈
2019/04/02 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
2020/10/30 Javascript
Tensorflow之Saver的用法详解
2018/04/23 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
Python中的面向接口编程示例详解
2021/01/17 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
法律专业自我鉴定
2013/10/03 职场文书
六五普法规划实施方案
2014/03/21 职场文书
新品发布会主持词
2014/04/02 职场文书
美食节目策划方案
2014/05/31 职场文书
2014年班干部工作总结
2014/11/25 职场文书
食品质检员岗位职责
2015/04/08 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL
nginx常用配置conf的示例代码详解
2022/03/21 Servers