要使元素在螢幕中居中,先要該元素的「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物件才能使用...