jquery1.4 教程一 便利的设置函数

便利的设置函数
jquery1.4的大部分设置值对方法都可以设置第二个参数为回调函数。比如：.css(), .attr(), .val(), .html(), .text()。
这说法很抽象，来看示例 http://demo.jb51.net/js/jquery1.4/jquery_1.htm

便利的设置函数

$(function(){
$("#btn1").click(function(){
$('#a1').html(function(i,html){
return html.replace(/。/g,'！已经被替换');
});
})
$("#btn2").click(function(){
$('#a1').attr("title",function(i,title){
return title + " (已经被替换)";
});
})
})

改进一：jquery1.4的大部分设置值对方法都可以设置第二个参数为回调函数。比如：.css(), .attr(), .val(), .html(), .text()。

看下面的demo

这是一个链接。

现在使用回调函数中直接对衔接中的文字进行替换。以前的方法是先取a的htnl，然后再使用正则匹配，最后进行替换。

1.4一步搞定，来看代码：


$('#a1').html(function(i,html){
return html.replace(/。/g,'！已经被替换');
});

你会发现，衔接的"。"被替换为"！已经被替换"。

是不是比以前方便多了？

同样适用于其他设置值对方法，比如attr()，可以试着第二个参数改变成函数看看。

这次替换链接的title属性：


$('#a1').attr("title",function(i,title){
return title + " (已经被替换)";
});

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

1.4之前想要对某对象进行文本替换的代码如下：


代码如下:

<a href="" id="a1" title="测试">这是一个链接。</a>
var _html = $('#a1').html();
var _newHtml = html.replace(/。/g,'！已经被替换');
$('#a1').html(_newHtml);

而1.4只要如此：


代码如下:

$('#a1').html(function(i,html){return html.replace(/。/g,'！已经被替换');});

一行代码搞定！重要的是可以遍历多个对象，进行分别处理。
来看下回调函数的二个参数：
第一个参数为索引值，在对遍历对象进行分别处理时就很有用
第二个参数为旧的html值。
此回调函数务必有返回值！
这种处理方式，不止可应用于html()，其他的设置值对方法基本上都可以。详细列表如下：
.css(), .attr(), .val(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass()
下一期将重点讲解jquery1.4在ajax方面的改进。

赞 (0)

相关推荐

  • jquery1.4 教程一 便利的设置函数

    便利的设置函数 jquery1.4的大部分设置值对方法都可以设置第二个参数为回调函数.比如:.css(), .attr(), .val(), .html(), .text(). 这说法很抽象,来看示例 http://demo.jb51.net/js/jquery1.4/jquery_1.htm 便利的设置函数 $(function(){ $("#btn1").click(function(){ $('#a1').html(function(i,html){ return html.re

  • Python入门教程(十九)python的函数详解

    目录 创建函数 调用函数 参数 默认参数值 以 List 传参 返回值 关键字参数 任意参数 pass 语句 递归 函数是一种仅在调用时运行的代码块. 可以将数据(称为参数)传递到函数中. 函数可以把数据作为结果返回. 创建函数 在 Python 中,使用 def 关键字定义函数: 实例 def my_function(): print("Hello from a function") 调用函数 如需调用函数,请使用函数名称后跟括号: 实例 def my_function(): pri

  • jquery1.4 教程三 新增方法教程

    .clearQueue():移除队列中还没有运行的所有函数 clearQueue()的作用与stop(true)很类似,简化了stop(true),在1.4后stop()主要用于终止动画,而终止队列函数使用clearQueue(),clearQueue()接受一个参数:队列名称,即移除特定队列. 来看demo: clearQueue() $(function(){ }) div { margin:3px; width:40px; height:40px; position:absolute; l

  • jquery1.4 教程二 ajax方法的改进

    1 允许序列化嵌套的参数. 比如:{foo: ["bar", "baz"]} 将被序列化成foo[]=bar&foo[]=baz,而不是序列化成以前的foo=bar&foo=baz. 如果你想要使用旧的序列化方式,有三种设置方法: 复制代码 代码如下: jQuery.ajaxSettings.traditional = true; jQuery.param( stuff, true ); $.ajax({ data: stuff, tradition

  • DOM基础教程之使用DOM设置文本框

    1.控制用户输入的字符个数 对于单行文本框和密码输入框,可以利用maxlength属性控制用户输入的字符个数. 对于多行文本,maxlength为自定义属性,其值最多输入的字符的个数,在onkeypress事件发生时则调运返回LessThan()函数返回值,函数如下 <textarea name="comments" id="comments" cols="40" rows="4" maxlength="50&

  • win2008 R2 WEB环境配置之Mssql Server 2008 R2 安装图文教程及远程连接设置方法

    win2008 R2 WEB环境配置之Mssql Server 2008 R2 安装图文教程及远程连接设置方法

    Microsoft® SQL Server™ 是用于电子商务.业务线和数据仓库解决方案的数据库管理和分析系统.是微软旗下的商业数据库软件.目前最新的版本已经发展到SQL Server 2014了,微软更是推出了Windows Azure SQL云数据库. 本篇的教程的目的就是带领大家安装一下Sql server 2008 R2,对每一步作一个大概的说明,说得不好的地方,请大家指出来,大家共同进步. 这台服务器是天翼云的1元主机,买来就是给大家做教程用的.如果大家觉得好,请多多关注本博客. 安装步

  • Golang教程之不可重入函数的实现方法

    函数function Go函数不支持嵌套.重载和默认参数 但支持以下特性: 无需声明原型 不定长度变参 多返回值 命名返回值参数 匿名函数 闭包 前言 一个不可重入的函数就是一个在任何时间点只能执行一次的函数,不管它被调用了多少次,以及有多少goroutines. 本篇文章说明了阻塞不可重入函数,并在golang中产生不可重入的函数实现. 场景用例 某个服务是对某些条件进行轮询,每秒监视一些状态.我们希望每个状态都可以独立地检查,而不需要阻塞.实现可能是这样的: func main() { ti

  • 收集的二十一个实用便利的PHP函数代码

    PHP 是目前使用最广泛的基于 Web 的编程语言,驱动着数以百万计的网站,其中也包括如 Facebook 等一些大型站点.这里收集了 21 段实用便捷的 PHP 代码摘录,对每种类型的 PHP 开发者都会有所帮助. 1. PHP可阅读随机字符串 此代码将创建一个可阅读的字符串,使其更接近词典中的单词,实用且具有密码验证功能. /***************@length - length of random string (must be a multiple of 2)**********

  • C++基础入门教程（九）：函数指针之回调

    在Java,要实现某个时间调用某段代码,是很简单的事情,那就是使用接口. 而在C++里,有一个比较高深的方式,那就是使用函数指针. 比如Cocos2d-x的定时器(schedule).消息订阅(NotificationCenter)都使用了函数指针来完成回调的功能. 这也是为什么我们总是能把某个函数作为参数传进去,然后在某个时刻这个函数会被调用. 一.函数的地址 要获取一个int变量的地址很简单,比如int num; 那么num的地址就是&num. 而获取函数的地址更简单,函数的名字就是函数的地

  • Lua教程（四）：函数详解

    Lua教程（四）：函数详解

    一.函数: 在Lua中函数的调用方式和C语言基本相同,如:print("Hello World")和a = add(x, y).唯一的差别是,如果函数只有一个参数,并且该参数的类型为字符串常量或table的构造器,那么圆括号可以省略,如print "Hello World"和f {x = 20, y = 20}.     Lua为面对对象式的调用也提供了一种特殊的语法--冒号操作符.表达式o.foo(o,x)的另一种写法是o:foo(x).冒号操作符使调用o.foo

随机推荐