【学亮IT手记】jQuery text()/html()回调函数实例

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
 6 <script type="text/javascript">
 7     $(function(){
 8         $("#btn1").click(function(){
 9             $("#test1").text(function(i,oldVal){
10                 return "旧文本:"+oldVal+" 新文本:你我他学习吧(index:"+i+")";
11             })
12         })
13         $("#btn2").click(function(){
14             $("#test2").html(function(i,oldHtml){
15                 return "旧html:"+oldHtml+" 新html:你我他<b>学习吧</b>(index:"+i+")";
16             })
17         })
18     })
19 </script>
20 </head>
21
22 <body>
23     <p id="test1">这是段落中的<b>粗体</b>文本。</p>
24     <p id="test2">这是另一个有<b>粗体</b>字的段落。</p>
25     <button id="btn1">显示 新/旧 文本</button>
26     <button id="btn2">显示 新/旧 HTML</button>
27 </body>
28 </html>

原文地址:https://www.cnblogs.com/niwotaxuexiba/p/9460658.html

时间: 2024-10-10 00:11:24

【学亮IT手记】jQuery text()/html()回调函数实例的相关文章

JQuery中的回调函数不被执行问题的原因

1 $.post(handleUrl, {mid:mid}, function(data) 2 { 3 alert('call back'); 4 }, 'json'); 非常简单的一句回调,再贴上php的处理代码: 1 public function intend($mid=0) 2 { 3 p($mid); 4 $this->ajaxReturn('','',1); 5 } firebug显示200相应的情况下,死活不弹出call back的提示框,几经周折,问题解决.问题出在 p($mid

转: jquery中ajax回调函数使用this

原文地址:jquery中ajax回调函数使用this 写ajax请求的时候success中代码老是不能正常执行,找了半天原因.代码如下 1 $.ajax({type: 'GET', 2 url: "/flag/", 3 data: dat, 4 success:function(){ 5 $(this).prevAll('p').css("text-decoration","line-through"); 6 } 7 }); 最后发现是ajax中

【学亮IT手记】jQuery each()函数用法实例

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> 6 <script type="text/javascript"> 7 $(functi

web前端之JavaScript之jquery中的回调函数

回调函数指的是被调用者完成处理后自动回调调用者预先传递的函数. 在类C语言中通常通过函数指针/引用的方式传递. jQuery也提供类似的回调函数机制.但是如何正确传递回调函数仍然值得一提. 在John(jQuery Founder)写的指南中有详细的介绍. 1.不带参数的回调 $.get('myhtmlpage.html', myCallBack); 其中myCallBack是函数名字.函数是javascript的基础.可以当作引用变量一样传递. 2.带参数的回调 很自然的,按照以往的经验,我们

jquery 中的回调函数,回调函数(callback)是什么?

知乎上果然大牛比较多 大神解释如下: 你到一个商店买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话,过了几天店里有货了,店员就打了你的电话,然后你接到电话后就到店里去取了货.在这个例子里,你的电话号码就叫回调函数,你把电话留给店员就叫登记回调函数,店里后来有货了叫做触发了回调关联的事件,店员给你打电话叫做调用回调函数,你到店里去取货叫做响应回调事件. 作者:常溪玲链接:https://www.zhihu.com/question/19801131/answer/13005983来源:

回调函数实例—(二)

#include<stdio.h> //callbackTest.c //1.定义函数onHeight(回调函数) //@onHeight 函数名 //@height 参数 //@contex 上下文 void onHeight(double height, void *contex) { printf("current height is %lf", height); } //2.定义onHeight函数的原型 //@CallbackFun 指向函数的指针类型 //@he

【学亮IT手记】Ajax跨域问题精讲--jQuery解决跨域操作

什么是跨域 跨域,它是不同的域名(服务器)之间的相互的资源之间的访问. 当协议,域名,端口号任意一个不同,它们就是不同的域. 正常情况下,因为浏览器安全的问题,不同域之间的资源是不可以访问的. 跨域的解决方案 什么情况下会用到跨域? 一般情况,是在自己的内部的工程中会出现跨域的情况. 有三种解决方案: 1.服务器跨域(代理方案) 2.jsonp,<script>标签的开发策略. 3.XHR2,HTML5提供,一般是在移动开发中使用. jQuery解决跨域操作 在jquery中可以使用$.aja

【学亮IT手记】jQuery callback方法实例

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"> 6 </script> 7 <script> 8 $(document).ready(function(){ 9 $(&quo

【学亮IT手记】Servlet的生命周期

1.1 Servlet的生命周期 1.1.1 Servlet的生命周期概述 1.1.1.1 什么是生命周期 生命周期:一个对象从创建到销毁过程. 1.1.1.2 Servlet的生命周期(*****) Servlet生命周期:Servlet对象从创建到销毁的过程. l Servlet何时被创建又是何时被销毁的? Servlet中有init,service,destroy方法,这几个方法称为是Servlet生命周期相关的方法. l Servlet是在第一次被访问的时候会被实例化,只要Servlet