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异常问题Uncaught TypeError: $(...).on is not a funct
这篇文章主要介绍了jquery异常问题Uncaught TypeError: $(...).on is not a function,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-11-11jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
这篇文章主要介绍了jQuery插件FusionWidgets实现的AngularGauge图效果,结合具体实例形式分析了jQuery使用FusionWidgets插件载入xml数据实现AngularGauge图的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03jquery中的sortable排序之后的保存状态的解决方法
其实在前年的这个时候,我就有用过这个sortable组件,那时候搞了个个人网站(可惜后来关了),首页就用到了这种拖拽的效果。2010-01-01
最新评论