DIV CSS 佈局教程網

<div id="a" style="background:blue; color:red">CSS</div><P id="b">test</P>

CSS(name) 獲取樣式名為name的樣式
$("#a").css("color") 將得到樣式中color值red，("#a").CSS("background ")將得到blue

css(prop) prop是一個hash對象，用於設置大量的CSS樣式
$("#b").CSS({ color: "red", background: "blue" });
最終效果是<p id="b" style="background:blue; color:red">test</p>,{ color: "red", background: "blue" }，hash對象，color為key，"red"為value，

css(key, value) 用於設置一個單獨得CSS樣式
$("#b").CSS("color","red");最終效果是<p id="b" style="color:red">test</p>

                                              四：JavaScript處理

$.browser() 判斷浏覽器類型，返回boolen值

$(function(){
    if($.browser.msIE) {
         alert("這是一個IE浏覽器");}
    else if($.browser.Opera) {
         alert("這是一個Opera浏覽器");}
})

當頁面載入式判斷浏覽器類型，可判斷的類型有msIE、mozilla、Opera、safari

$.each(obj, fn) obj為對象或數組，fn為在obj上依次執行的函數，注意區分$().each()

$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });

    分別將0，1，2為參數，傳入到function(i)中

$.each({ name: "John", lang: "JS" },  function(i){ alert( "Name: " + i + ", Value: " + this );

    { name: "John", lang: "JS" }為一個hash對象，依次將hash中每組對象傳入到函數中

$.extend(obj, prop) 用第二個對象擴展第一個對象

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);

執行後settings對象為{ validate: true, limit: 5, name: "bar" }
可以用下面函數來測試

$(function(){
       var settings = { validate: false, limit: 5, name: "foo" };
        var options = { validate: true, name: "bar" };
         $.extend(settings, options);
        $.each(settings,  function(i){ alert( i + "=" + this ); });
})

$.grep(array,fn) 通過函數fn來過濾array，將array中的元素依次傳給fn，fn必須返回一個boolen，如fn返回true，將被過濾

$(function(){
        var arr= $.grep( [0,1,2,3,4], function(i){ return i > 2; });
         $.each(arr, function(i){ alert(i); });
})

我們可以看待執行$.grep後數組[0,1,2,3,4]變成[0，1]

$.merge(first, second) 兩個參數都是數組，排出第二個數組中與第一個相同的，再將兩個數組合並

$(function(){
        var arr = $.merge( [0,1,2], [2,3,4] )
         $.each(arr,  function(i){ alert(i); });
})

可以看出arr的結果為[0,1,2,3,4]

$.trim(str) 移出字符串兩端的空格
    $.trim("   hello, how are you?   ")的結果是"hello, how are you?"