jquery核心學習 4 新增選擇器功能

通過前幾篇的分析,大體的畫出了jquery的框架,但是它確不具備現實中jquery外掛程式的一切功能!現實中是怎樣的?

$('#id');  //

我能選擇乙個id為id的dom元素
$('.class'); //
我也能選擇乙個class為class的dom元素
$('div'); //
我還能選擇當前頁面中的所有div

首先給我的外掛程式能傳遞乙個引數,初步具備選擇器的功能:

/*

selector: 選擇器引數
context: 選擇的範圍 */
var $ = jquery = function
(selector, context) 
jquery.fn = jquery.prototype =
//選擇符是字串
if(typeof selector === 'string') 
else
},author: 'poised-flw',
size: 
function
() }
jquery.fn.init.prototype = jquery.fn;

//test html

<
div>1
div>
<
div>2
div>
<
div>3
div>

//

test script
console.log($('div').size()); //
3 selector is a string
var div = document.getelementsbytagname('div');
console.log($(div[0]).size()); //
1 selector is a dom node

現在我的jquery外掛程式已經初步具備選擇dom節點的功能了,並且還能呼叫size()方法返回物件集合的長度!

Linux 核心學習 4 記憶體管理

注 以下 有的是linux 5.10，有的是linux 2.6.30.4 1 arch x86 boot memory.c static void detect memory e820 void desc buf count while ireg.ebx count array size boot ...

a毛 jquery 學習記 3 常規選擇器 4

jquery 學習 三 4 1 當在jquery中使用高階選擇器跟jquery特有的方法改變對應屬性的效果時，最好是用jquery特有方法來實現因為這樣效率高，速度快 如下面 box p css color red box find p css color red box p css color b...

a毛 jquery 學習記 4過濾選擇器2

jquery 學習 四 2 過濾選擇器 做法跟前面一樣，複製前面的資料夾到 4過濾選擇器2 中，index.html 頁面內容跟上次內容一樣 4 子元素過濾器 先來看下表了解一下 先回憶一下 first和 last的用法 dom.js function 用之前學到的乙個函式 li first,ul ...