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遮罩层实例讲解
May 11 jQuery
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 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
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
php从完整文件路径中分离文件目录和文件名的方法
2015/03/13 PHP
11款基于Javascript的文件管理器
2009/10/25 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
js中reverse函数的用法详解
2013/12/26 Javascript
JQuery调用绑定click事件的3种写法
2015/03/28 Javascript
jQuery中extend函数详解
2015/07/13 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
详解node中创建服务进程
2017/05/09 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
2017/09/16 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
2018/03/09 Javascript
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
Python Process多进程实现过程
2019/10/22 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
乌克兰排名第一的在线旅游超市:Farvater.Travel
2020/01/02 全球购物
武汉东之林科技有限公司机试
2013/09/17 面试题
校园网站的创业计划书范文
2013/12/30 职场文书
计算机学生的自我评价分享
2014/02/18 职场文书
竞选班委演讲稿
2014/04/28 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
十佳少年事迹材料
2014/12/25 职场文书
领导干部考核评语
2015/01/04 职场文书
校园广播稿范文
2015/08/19 职场文书
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
GO语言字符串处理函数之处理Strings包
2022/04/14 Golang