菜鳥筆記-8月21日

getElementsByName

　　getElementsByName() 方法可返回帶有指定名稱的對象的集合。

　　語法

　　document.getElementsByName(name)該方法與 getElementById() 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。

　　另外，因爲一個文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所有 getElementsByName() 方法返回的是元素的數組，而不是一個元素。如果一個文檔中有兩個以上的標籤NAME相同，那麼getElementsByName()就可以取得這些元素組成一個數組。

　　比如有兩個DIV：

　　<div name="docname" id="docid1"></div>

　　<div name="docname" id="docid2"></div>

　　那麼可以用getElementsByName("docname")獲得這兩個DIV，用getElementsByName("docname")[0]訪問第一個DIV，用getElementsByName("docname")[1]訪問第二個DIV。

append()方法的使用

append() 方法在被選元素的結尾（仍然在內部）插入指定內容。

提示：append() 和 appendTo() 方法執行的任務相同。不同之處在於：內容的位置和選擇器。

如： $(document).ready(function() {
            $("div").append("大家好歡迎使用 jquery");}）

Lambda表達式

“Lambda 表達式”是一個匿名函數，它可以包含表達式和語句，並且可用於創建委託或表達式目錄樹類型。 所有 Lambda 表達式都使用 Lambda 運算符 =>，該運算符讀爲“goes to”。該 Lambda 運算符的左邊是輸入參數（如果有），右邊包含表達式或語句塊。Lambda 表達式 x => x * x 讀作“x goes to x times x”。

　Lambda表達式的本質是“匿名方法”，即當編譯我們的程序代碼時，“編譯器”會自動將“Lambda表達式”轉換爲“匿名方法”，如下例：

　　string[] names = { "agen", "balen", "coure", "apple" };

　　string[] findNameA = Array.FindAll<string>(names, delegate(string v) { return v.StartsWith("a"); });

　　string[] findNameB = Array.FindAll<string>(names, v => v.StartsWith("a"));

關於其更詳細瞭解是：http://www.cnblogs.com/wlflovenet/

event.stopPropagation()方法使用

在顯示列表中如果我們偵聽到了事件，同時不希望事件繼續在顯示列表中傳遞（冒泡），就可以調用event.stopPropagation()，具體代碼如下：

//#switcher .button 和上面的Style對應，這句話的意思是爲每一個按鈕類都綁定單擊事件
            $('#switcher .button').click(function(event) {
                $('body').removeClass();
                if (this.id == 'switcher-narrow') {
                    $('body').addClass('narrow');
                }
                else if (this.id == 'switcher-large') {
                    $('body').addClass('large');
                }
                $('#switcher .button').removeClass('selected');
                $(this).addClass('selected');
                //阻止冒泡
                event.stopPropagation();
               
            });

Jquery 中toggleCLass屬性：

 toggleClass()如果存在類則刪除，不存在則添加
                $('#switcher .button').toggleClass('hidden');

toggle()函數

jQuery 的toggle()函數使用show()或hide()函數來切換HTML元素的可見狀態。

語法：

$(selector).toggle(speed,callback,switch);

$(document).ready(function() {
            //定義一個方法名字，方便多次調用
            var toggleStyleSwitcher = function() {
                //toggleClass()如果存在類則刪除，不存在則添加
                $('#switcher .button').toggleClass('hidden');
            };

            //註冊單擊事件的行爲
            $('#switcher').click(toggleStyleSwitcher);

            //toggle方法會交替操作參數1和參數2
            $('#switcher').toggle(function() {
                $('#switcher .button').addClass('hidden'); //隱藏所有按鈕，因爲jquery有迭代能力所有可以使所有button有效
            },
            function() {
                $('#switcher .button').removeClass('hidden'); //去除所有按鈕的隱藏css
            })

unbind() 方法

實例

移除所有 p 元素的事件處理器：

$("button").click(function(){
  $("p").unbind();
});

親自試一試

定義和用法

unbind() 方法移除被選元素的事件處理程序。

該方法能夠移除所有的或被選的事件處理程序，或者當事件發生時終止指定函數的運行。

ubind() 適用於任何通過 jQuery 附加的事件處理程序。

 html()方法

html() 方法返回或設置被選元素的內容 (inner HTML)。

如果該方法未設置參數，則返回被選元素的當前內容。

返回元素內容

當使用該方法返回一個值時，它會返回第一個匹配元素的內容。

語法

$(selector).html()