jQuery開發技巧

2021-06-27 09:53:21 字數 1756 閱讀 9100

要使元素在螢幕中居中,先要該元素的「position」定位屬性值設定為「absolute」,表示絕對定位;然後通過設定「top」、「left」屬性值,使元素居中在螢幕中。

$(".frame").center().show(1000);

jquery.fn.center = function()

但當螢幕大小發生變化時,彈出框並不能隨之居中,因此,還需要在瀏覽器的「resize」事件中再次呼叫外掛程式,即

$(window).resize(function())
$("img").beforeload()

jquery.fn.beforeload= function(options) , options);

var self = this;

self.hide();

var img = new image();

$(img).load(function() ).attr("src", options.src);

return self;

}

var $tip = $("#tip"); //1

$tip.html("hello"); //2

if($tip.html())

if($tip.length>0)

使用html()方法不僅可以檢測元素是否存在,還可以檢視元素中是否包含內容;

而length屬性僅是判斷元素是否在頁面中存在,而不檢測其內容。

因此,將上述事例2**注釋後,3將返回false,而4返回true。

strobject.replace(regexp/substr,newstr):在字串中用一些字元替換另一些字元,或替換乙個與正規表示式匹配的子字串

$(selector).replaceall(content):用指定的html內容或元素替換被選元素

1. 禁止頁面的右鍵選單,只需要在頁面的「contextmenu」事件中返回false即可。除此之外,由於在該事件中,還可以傳遞乙個「e」物件,進行檢測使用者按鍵情況。

2. 限制文字輸入框中字元數量

$("textarea").maxlength(140,"divmaxnum");

/*max:最大允許資料字元長度

*ele:顯示還可輸入字元數元素id

*輸入框的字元總數超出指定的長度後,則通過substring方法擷取指定長度內的字元,從而實現限制文字輸入框字元總數的功能

*/jquery.fn.maxlength = function(max,ele)

else if (type == "textarea") ;

this.onkeyup = function()

$("#"+ele).html(max - this.value.length);

};this.onchange = this.onkeyup;

}});

};

3. jquery集合處理

$("tr:not(:first)").each(function(i) );
$("div:between(3-6)").css();

/*$.expr[":"]:偽類選擇器

*e:遍歷元素

*i:元素索引號

*bt:過濾條件

*/;(function($)

})})(jquery);

jQuery應用技巧

function else button toggle function function function 點選一次實現多個不同的效果 wrap on keydown function keyup function 訂單 操作 1號訂單 編輯刪除 2號訂單 編輯刪除 3號訂單 編輯刪除 模態框 您...

jQuery技巧總結 4

10 幾個實用特效功能 其中toggle 和slidetoggle 方法提供了狀態切換功能。如toggle 方法包括了hide 和show 方法。slidetoggle 方法包括了slidedown 和slideup方法。11 幾個有用的jquery方法 browser.瀏覽器型別 檢測瀏覽器型別。...

jQuery技巧總結 二

四 語法總結和注意事項 1 關於頁面元素的引用 通過jquery的 引用元素包括通過id class 元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的物件為jquery物件 集合物件 不能直接呼叫dom定義的方法。2 jquery物件與dom物件的轉換 只有jquery物件才能使用...