亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

jQuery基礎課程

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

舉報

0/150
提交
取消
課程須知
您需要知道HTML、JavaScript和CSS樣式的基礎語法,并能使用這些語法構建一個DIV+CSS結構頁的完整過程。
老師告訴你能學到什么?
通過本課程的學習,您可以由淺入深地全面了解jQuery框架的基礎知識,掌握并使用jQuery操控DOM元素的方法與技巧,深入理解jQuery框架提供的各類API與函數的工作原理和自定義jQuery插件的各項技能。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!