jQuery 鏈式語法

2021-08-27 14:12:53 字數 722 閱讀 2682

鏈式語法,什麼是鏈式語法?鏈式語法有什麼作用?如何書寫鏈式**?

jquery的這種鏈式**,總的來說:節約js**;所返回的都是同乙個物件,可以提高**的效率。通過簡單擴充套件原型方法並通過return this的形式來實現跨瀏覽器的鏈式呼叫。

下面通過乙個簡單的例子來說明上面的問題

web前端

/* html修改為 '夢之藍' */

$("#div").html("夢之藍");

/* 字元大小設定為 80px */

$("#div").css("font-size","80px");

/* 獲取元素的 title 屬性值 */

var title = $("#div").attr("title");

上面的**對 #div 元素做了3件事,修改html內容,修改css樣式,獲取元素屬性。但是**不夠優雅,如果用 鏈式語法 該如何去做呢?請看下面的**

var title=$("#div").html("夢之藍").css("font-size","80px").attr("title");
從上面例子可比較出,在功能完美實現的同時,又兼顧了**美觀。更多的是了解了jquery支援鏈式語法的特點,從而更懂得jquery之美。

jQuery鏈式呼叫

鏈式 input type button eq 0 click function end eq 1 click function end eq 2 toggle function function 找出type型別為button的input元素 找到第乙個按鈕,並繫結click事件處理函式 返回所有...

php 鏈式語法

思路 鏈式語法就是物件呼叫方法執行賦值操作後返回乙個物件,那就可以接著呼叫方法,最後乙個方法返回具體sql語句 class sql public function where where 1 1 public function order order id desc public function ...

學習jQuery鏈式呼叫

jquery物件的方法會在執行完後返回這個jquery物件,所有jquery物件的方法可以連起來寫 div1 id為div1的元素 children ul 該元素下面的ul子元素 slidedown fast 高度從零變到實際高度來顯示ul元素 parent 跳到ul的父元素,也就是id為div1的...