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

2022-03-09 18:47:52 字數 1054 閱讀 4640

通過前幾篇的分析,大體的畫出了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 ...