jQuery AJAX与jQuery事件的分析讲解
2019/6/26 23:12:51
本文主要是介绍jQuery AJAX与jQuery事件的分析讲解,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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 AJAX与jQuery事件的分析讲解的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28基于Python+Vue开发的口腔牙科预约管理系统
- 2024-09-28基于Python+Vue开发的酒店客房预订管理系统
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践