DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery1.4 教程一 便利的設置函數
jquery1.4 教程一 便利的設置函數
編輯:JQuery特效代碼     
便利的設置函數
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方面的改進。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved