jQuery中 函式的7種用法彙總

2021-10-10 18:36:35 字數 2088 閱讀 4569

前言

jquery物件是乙個類陣列的物件，含有連續的整形屬性以及一系列的jquery方法。它把所有的操作都包裝在乙個jquery()函式中，形成了統一(也是惟一)的操作入口。

其中我們用的非常頻繁的乙個函式是$()或者說是jquery()，當我們呼叫他的時候會根據傳入的引數的不同而達到不同的效果。

簡要的說是：接收乙個css選擇器表示式(selector)和可選的選擇器上下文(context),返回乙個包含了匹配的dom元素的jquery物件。

預設情況下，對匹配元素的查詢都是從根元素ducument物件開始，也就是說查詢範圍是整棵文件樹。但是如果給定了上下文context，則在指定上下文中查詢

html

body span


body span


body span


wrap span


wrap span


wrap span
js

$(『span』).css(『background-color』,『red』);//所有的span都會變紅

$(『span』,』.wrap』).css(『background-color』,『red』);//只有.wrap中的span會變紅

用所提供的html**建立dom元素

對於jquery(html,ownerdocument)，引數html可以是單標籤或者是多層標籤之間的巢狀。第二個引數用於建立新dom元素的文件物件，如果不傳入則預設為當前的文件物件。

//單標籤  兩種方式都可以往body中插入div


/* 


*/// 多標籤巢狀


$('dfsg
另外:對於單標籤，jquery(html,props)，props是乙個包含屬性和事件的普通的物件，用法如下。(該用法有待考證，請知道這一用法的童鞋告知一下，感激不盡)

$('我是div


',
如果傳入乙個dom元素或者是dom元素的陣列，則把dom元素封裝到jquery物件中並返回。

html

js

// 傳入dom元素


$('li').each(function(index,ele))


})//傳入dom陣列


var ali=document.getelementsbytagname('li');


ali=.slice.call(ali);//集合轉陣列


var $ali=$(ali);


$ali.html('我是jquery物件');//所有的li的內容都變成'我是jquery物件'
如果傳入的是乙個object物件，則把該物件封裝到jquery物件中並返回。

var obj=;


var $obj=$(obj);//封裝成jquery物件


//繫結自定義事件


$obj.on('say',function());


$obj.trigger('say');
當傳進去的引數是函式的時候，則在document物件上繫結乙個ready事件監聽函式，當dom結構載入完成的時候執行

$(function())


//以上**和下面的效果是一樣的


$(document).ready(function())
當傳進去的引數是乙個jquery物件的時候，則建立該jquery物件的乙個副本並返回。副本與傳入的jquery物件引用完全相同的元素

var ali=$('li');


var copyli=$(ali);//建立乙個ali的副本


console.log(ali);


console.log(copyli);


console.log(copyli===ali);
描述

如果不傳入任何的引數，則返回乙個空的jquery物件，屬性length為0

注意這個功能可以用來復用jquery物件，例如可以建立乙個空的jquery物件，然後在需要的時候先手動修改其中的元素，然後在呼叫jquery方法。從而避免重複建立jquery物件。

Shell函式的7種用法介紹

1.在shell檔案內部定義函式並引用 複製 如下 shell function cat factorial.sh bin bash function factorial echo 程式名 0,用於求階乘 factorial 1 shell function factorial.sh 10 程式名 ...

Shell函式的7種用法介紹

1.在shell檔案內部定義函式並引用 複製 如下 shell function cat factorial.sh bin bash function factorial echo 程式名 0,用於求階乘 factorial 1 shell function factorial.sh 10 程式名 ...

的7種用法

jquery物件是乙個類陣列的物件，含有連續的整形屬性以及一系列的jquery方法。它把所有的操作都包裝在乙個jquery 函式中，形成了統一 也是惟一 的操作入口。其中我們用的非常頻繁的乙個函式是 或者說是jquery 當我們呼叫他的時候會根據傳入的引數的不同而達到不同的效果。簡要的說是 接收乙個...