-
$.trim 工具函數(shù)，能刪除字符串中左右兩邊的空格符，但該函數(shù)不能刪除字符串中間的空格，調(diào)用格式為： $.trim (str); 參數(shù)str表示需要?jiǎng)h除左右兩邊空格符的字符串。查看全部
-
$.contains的工具函數(shù)，能檢測在一個(gè)DOM節(jié)點(diǎn)中是否包含另外一個(gè)DOM節(jié)點(diǎn)，如果包含，返回true，否則，返回false值，調(diào)用格式為： $.contains (container, contained); 參數(shù)container表示一個(gè)DOM對象節(jié)點(diǎn)元素，用于包含其他節(jié)點(diǎn)的容器，contained是另一個(gè)DOM對象節(jié)點(diǎn)元素，用于被其他容器所包含。查看全部
-
1，trigger()方法可以直接手動觸發(fā)元素指定的事件，這些事件可以是元素自帶事件，也可以是自定義的事件，該事件必須能執(zhí)行。它的調(diào)用格式為： $(selector).trigger(event) 2，當(dāng)頁面加載時(shí)，手動觸發(fā)文本輸入框的"select"事件，是文本框的默認(rèn)值處于全部被選中的狀態(tài)， $(function(){ $("input").trigger("select"); }) 輸入框一出來他的value就是被選中狀態(tài)。這里說的手動觸發(fā)不是手指碰到觸發(fā)，而是不用用戶去點(diǎn)擊，可以直接代碼觸發(fā)事件。 2,注意這個(gè)事件名需要用雙引號引起來，并且方法執(zhí)行不用在后面加小括號查看全部
-
$.isPlainObject 工具函數(shù)，能檢測對象是否為通過{}或new Object()關(guān)鍵字創(chuàng)建的原始對象，如果是，返回true，否則，返回false值，調(diào)用格式為： $.isPlainObject (obj); 其中，參數(shù)obj表示需要檢測的對象名稱。查看全部
-
$.isEmptyObject 工具函數(shù)，檢測一個(gè)對象的內(nèi)容是否為空，如果為空，則該函數(shù)返回true，否則，返回false值，調(diào)用格式如下： $.isEmptyObject(obj); 其中，參數(shù)obj表示需要檢測的對象名稱。查看全部
-
1，使用one()方法綁定元素的一次性事件，這種方法綁定的事件只會觸發(fā)一次，它的調(diào)用格式如下： $(select).one(event,[data],fun) 參數(shù)event為事件名稱，data為觸發(fā)事件時(shí)攜帶的數(shù)據(jù)，fun為觸發(fā)該事件執(zhí)行的函數(shù) 例如，使用one方法綁定div元素的點(diǎn)擊事件，在事件執(zhí)行的函數(shù)中，累積執(zhí)行的次數(shù)，并將該次數(shù)顯示在頁面中 $(function(){ var intI=0; $("div").one("click",function(){ intI++; $(this).html("我被點(diǎn)擊了("+intI+")次") 最后無論怎么點(diǎn)都只會顯示被點(diǎn)擊了一次。因?yàn)槭菃未斡|發(fā)事件啊 2，點(diǎn)擊后改變字體大小 <script type="text/javascript"> $(function () { var intI = 10; $("div").one("click", function () { intI++; $(this).css("font-size", intI + "px"); }) }); }) })查看全部
-
1,click事件是單擊事件，dbclick事件是雙擊事件 2，案例：單擊時(shí)一種顏色，雙擊時(shí)候變了顏色，并且點(diǎn)擊的那個(gè)按鈕變?yōu)椴豢捎?，不能再雙擊。 $(function(){ $("div").bind("click",function(){ $(this).removeClass("backgcolor").addClass("color"); }).bind("dbclick",function(){ $(this).removeClass("color").addClass("backcolor"); }) $("#btntest").bind("click",function(){ $("div").unbind("dbclick"); $(this).attr("disabled","true"); 3,如果沒有規(guī)定參數(shù)，unbind()方法會刪除指定元素的所有事件處理程序。 4,多個(gè)事件名用空格分開 }) })查看全部
-
瀏覽器的盒子模型分為兩類，一類為標(biāo)準(zhǔn)的w3c盒子模型，另一類為IE盒子模型，兩者區(qū)別為在Width和Height這兩個(gè)屬性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型則包含， jQuery 中，可以通過$.support.boxModel對象返回的值，若為“true”網(wǎng)頁屬于標(biāo)準(zhǔn)的w3c盒子模型。查看全部
-
在jQuery中，通過$.browser對象可以獲取瀏覽器的名稱和版本信息，如$.browser.chrome為true，表示當(dāng)前為Chrome瀏覽器，$.browser.mozilla為true，表示當(dāng)前為火狐瀏覽器，還可以通過$.browser.version方式獲取瀏覽器版本信息。查看全部
-
除使用$.extend擴(kuò)展工具函數(shù)外，還可以擴(kuò)展原有的Object對象，在擴(kuò)展對象時(shí)，兩個(gè)對象將進(jìn)行合并，“ 當(dāng)存在相同屬性名時(shí)，后者將覆蓋前者 ”，調(diào)用格式為： $. extend (obj1,obj2,…objN); 參數(shù)obj1至objN表示需要合并的各個(gè)原有對象。（類似于 繼承）查看全部
-
1，使用toggle()方法綁定多個(gè)函數(shù)，toggle()方法可以在元素的click事件中綁定兩個(gè)或兩個(gè)以上的函數(shù)，同時(shí)，它還可以實(shí)現(xiàn)元素的隱藏和顯示的切換，綁定多個(gè)函數(shù)的調(diào)用格式如下：<br> $(selector).toggle(fun1(),fun2(),funN(),...)<br> 當(dāng)每次點(diǎn)擊div元素時(shí)，顯示不同的內(nèi)容，就可以用到這個(gè)方法。當(dāng)執(zhí)行到最后一次函數(shù)的時(shí)候，再次點(diǎn)擊又將返回執(zhí)行第一個(gè)函數(shù)。<br> 2，注意：toggle()方法支持目前主流穩(wěn)定的jquery版本1.8.2，在1.9.0之后的版本是不支持的。<br> 3,toggle() 方法當(dāng)它沒有參數(shù)時(shí)，它只有隱藏和顯示的功能，必須要配合bind（）方法來綁定事件（可以是click,也可以是mouseout……），就是需要一個(gè)動作來觸發(fā)這個(gè)toggle()方法,以達(dá)到顯示or隱藏被選中元素的功能。在后面的括號可以加時(shí)間（和定時(shí)器一樣），表示顯示隱藏變化所用的時(shí)間。2、當(dāng)它是這種形式toggle(fun1,fun2,funN……)作為綁定多個(gè)函數(shù)的方法來用時(shí)，它本身就具備了click點(diǎn)擊觸發(fā)相應(yīng)函數(shù)的功能了,點(diǎn)擊相應(yīng)的元素后會依次執(zhí)行fun1,fun2,funN……這些個(gè)函數(shù)。當(dāng)執(zhí)行到最后一個(gè)函數(shù)時(shí)，再次點(diǎn)擊將又返回執(zhí)行第一個(gè)函數(shù)。<br> 4,點(diǎn)擊按鈕，div顯示和隱藏<br> $(function () { // $("#btntest").toggle( // function(){ // $("div").hide(); // }, // function(){ // $("div").show(); // } // // ) $("#btntest").bind("click",function(){ $("div").toggle(); }) });查看全部
-
調(diào)用名為$. extend的工具函數(shù)，可以對原有的工具函數(shù)進(jìn)行擴(kuò)展，自定義類級別的jQuery插件，調(diào)用格式為： $. extend ({options}); 參數(shù)options表示自定義插件的函數(shù)內(nèi)容。 (function($) {…})(jQuery) 匿名函數(shù)，這種寫法的最大好處是形成閉包，在(function($) {…})(jQuery)在內(nèi)部定義的函數(shù)和變量只能在此范圍內(nèi)有效。作用和$(function(){})基本一樣查看全部
-
1，使用hover()方法切換事件。hover()方法的功能是當(dāng)鼠標(biāo)移到所選元素上時(shí)，執(zhí)行方法中的第一個(gè)函數(shù)，鼠標(biāo)移出時(shí)，執(zhí)行方法中的第二個(gè)函數(shù)，實(shí)現(xiàn)事件的切換效果。調(diào)用格式： $(selector).hover(over,out) over參數(shù)為移到所選元素上所觸發(fā)的函數(shù)，out參數(shù)為移出元素時(shí)所觸發(fā)的函數(shù)。 例如，當(dāng)鼠標(biāo)移動到div元素上時(shí)，元素中的字體變成金黃色 $(function()){ $("div").hover( function(){ $(this).addClass("orange") }, function(){ $(this).removeClass("orange"); } ) } 注意，hover是個(gè)方法，不是個(gè)事件查看全部
-
1,使用bind()方法綁定元素的事件，格式為$(selector).bind(event,function(){}) selector是被選的元素，event是事件名，如果要綁定多個(gè)事件，中間用空格分開即可。 2，鼠標(biāo)點(diǎn)擊或者離開按鈕不可用的事例： $(function () { $("#btntest").bind("click mouseout", function () { $(this).attr("disabled", "true"); }) });查看全部
-
1，頁面加載時(shí)觸發(fā)ready()事件 此事件類似于onLoad()事件，但ready()事件只要頁面DOM結(jié)構(gòu)加載后便觸發(fā)，而后者必須在頁面全部元素加載成功才能觸發(fā)，ready()可以寫多個(gè)，按順序執(zhí)行。 2，$(document).ready(function(){})等價(jià)于$(function(){}) 3,代碼示例&(document).ready(function(){ $("#tip").html("我被加載了！") }) 4,綁定事件可以用bind $(document).ready(function() { $("#btntest").bind("click", function () { $("#tip").html("我被點(diǎn)擊了！"); }); });查看全部
舉報(bào)
0/150
提交
取消