jquery原始碼學習--jquery api學習
主要是在看《鋒利的jquery》今天終於把第二章 選擇器看完。 感悟:jq確實是個好庫,非常好實用,裡面的api函式有很多,因此也預示著它有很多很方便的功能,
所以在看原始碼之前,必須要學習jquery的使用。
在第二章中,關於後代選擇器和過濾選擇器這裡做一個總結(見《鋒利的jquery》p52):
$("div p") 選擇的元素(中間有空格),最後落腳點是後者p,而不是div。它的意思是div下面的p元素;
同理, $(".test :hidden"),落腳點是:hidden元素,前面的div 起到修飾作用;這句話的意思是 選取class為test的元素 裡面 的 隱藏元素。
而 $(".test:hidden
在 子元素過濾選擇器中,如$("div :nth-child(2)")這裡的空格是必須加的,不能寫成$("div:nth-child(2)")
這是因為這是一個選擇後代的選擇器,上面的意思是,選取div下面的第二個子元素。
相關推薦
深入學習jquery原始碼之jQuery中高質量的程式碼
深入學習jquery原始碼之jQuery中高質量的程式碼 1、this指向的問題 function Student(name,age,grade,school){ Person.apply(this,arguments); } 他就具備了
jQuery原始碼逐行分析學習01(jQuery的框架結構簡化)
最近在學習jQuery原始碼,在此,特別做一個分享,把所涉及的內容都記錄下來,其中有不妥之處還望大家指出,我會及時改正。望各位大神不吝賜教!同時,這也是我的第一篇前端技術部落格,對部落格編寫還不是很熟悉,美化工作可能不夠到位,也希望大家多多見諒! 首先這篇文章要給大家分享的
jquery原始碼學習--jquery api學習
主要是在看《鋒利的jquery》今天終於把第二章 選擇器看完。 感悟:jq確實是個好庫,非常好實用,裡面的api函式有很多,因此也預示著它有很多很方便的功能, 所以在看原始碼之前,必須要學習jquery的使用。 在第二章中,關於後代選擇器和過濾選擇器這裡做一個總結(見《鋒利
妙味課堂:一起學習jQuery原始碼【逐行分析jQuery原始碼的奧祕】(妙味課堂筆記)--框架介面
jQuery 的學習版本為: 2.0.3 內層程式碼塊分析 (function(){ ( 21,94 ) 定義了一些變數和函式 jQuery = function (){}; ( 96,283 ) 給jQuery物件,新增一些方法和屬性
深入學習jquery原始碼之繼承方案的選擇
prototype實現繼承 先訪問自己本身的方法,沒有再訪問自己原型的方法,本身原型沒有訪問父類,父類沒有,訪問父類的原型方法...繼續往上 Object.prototype.say=function () { //最上層定義say的方法 alert("我是頂層的方法
深入學習jquery原始碼之繼承框架的實現
深入學習jquery原始碼之繼承框架的實現 繼承框架的實現 /* Simple JavaScript Inheritance * By John Resig http://ejohn.org/ * MIT Licensed. */ // Inspired by base2 and Pr
jQuery原始碼學習之一 (採用匿名函式自執行模式)
1、如何在jquery官網找到 bug的相關說明? 開啟網址 http://bugs.jquery.com/ 後,再搜尋框中輸入bug的 編號(在jquery原始碼的註釋中找到,例如:“ #13335 ”),可找到相關的詳細說明和評論。 2、jquery應用
深入學習jquery原始碼之閉包
深入學習jquery原始碼之閉包 開發jQuery外掛的時候會用(function($){})(jQuery); 這個閉包函式來包裹 (function($) { // all JS code here })(jQuery); 自執行函式寫法, 函式聲明後立即執行. 並且設定函式執行
深入學習jquery原始碼之查詢選擇外掛的實現
深入學習jquery原始碼之上傳查詢選擇外掛的實現 ;(function($){ var defaults = { url : "", fieldCode: "", multi : false, area: ['40%','80%'], code:['code',
深入學習jquery原始碼之上傳附件外掛的實現
深入學習jquery原始碼之上傳附件外掛的實現 /** * 上傳附件通用JS (基於layerUI) */ ;(function($){ var defaults = { url : "/attach/upload", fieldCode : "aboutDocume
深入學習jquery原始碼之extend()
jQuery.extend([deep], target, object1, [objectN]) 概述: 用一個或多個其他物件來擴充套件一個物件,返回被擴充套件的物件。 如果不指定target,則給jQuery名稱空間本身進行擴充套件。這有助於外掛作者為jQuery增加新方法。 如果第
深入學習jquery原始碼之原型鏈
深入學習jquery原始碼之原型鏈 prototype原型,對該函式物件的物件原型的引用,是函式物件的預設屬性 var obj=new fun1(); function fun1 () { this.name="zhangsan"; } alert(obj.prototype)//unde
深入學習jquery原始碼之merge()
深入學習jquery原始碼之merge() 概述: 合併兩個陣列到第一個陣列上。 返回的結果會修改第一個陣列的內容——第一個陣列的元素後面跟著第二個陣列的元素。要去除重複項,請使用$.unique() 引數:Array,Array first,second first:第一個
深入學習jquery原始碼之擴充套件jquery與二次開發
深入學習jquery原始碼之jquery二次開發 jquery.js的設計與實現 (function (global, factory) { if (typeof module === "object" && typeof module.exports === "o
深入學習jquery原始碼之外掛機制(一)
深入學習jquery原始碼之外掛機制 jQuery最著名的一個方面是其廣泛的外掛生態系統。從表格排序到表單驗證再到自動完成 - 如果需要它,很可能有人為它編寫了一個外掛。 jQuery外掛的質量差異很大。許多外掛都經過了廣泛的測試和維護良好,但其他外掛被匆忙建立然後被忽略。不止一些人未能遵循
深入學習jquery原始碼之map()
概述 將一組元素轉換成其他陣列(不論是否是元素陣列) 你可以用這個函式來建立一個列表,不論是值、屬性還是CSS樣式,或者其他特別形式。這都可以用'$.map()'來方便的建立。 引數 callback,給每個元素執行的函式 把form中的每個input元素的值建立一個列表。
深入學習jquery原始碼之each()
$.each() 遍歷一個數組或物件,可以是DOM、json等格式,等價於for迴圈 返回值:jQuery.each(callback) 引數:對於每個匹配的元素所要執行的函式 概述: 以每一個匹配的元素作為上下文來執行一個函式。 意味著,每次執行傳遞進來的函式時
深入學習jquery原始碼之replaceWith()和replaceAll()
深入學習jquery原始碼之replaceWith()和replaceAll() replaceWith(content|fn) 概述 將所有匹配的元素替換成指定的HTML或DOM元素。 引數 content String, Element, jQuery, Funct
深入學習jquery原始碼之before()和after()
深入學習jquery原始碼之before()和after() after(content|fn) 概述 在每個匹配的元素之後插入內容。 引數 content String, Element, jQuery 插入到每個目標後的內容 function Fu
深入學習jquery原始碼之append()和prepend()
深入學習jquery原始碼之append()和prepend() append(content|fn) 概述 向每個匹配的元素內部追加內容。 這個操作與對指定的元素執行appendChild方法,將它們新增到文件中的情況類似。 引數 content St