便利的設置函數
jquery1.4的大部分設置值對方法都可以設置第二個參數為回調函數。比如:.css(), .attr(), .val(), .html(), .text()。
這說法很抽象,來看示例 http://demo.poluoluo.com/js/jquery1.4/jquery_1.htm
[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方面的改進。