的7種用法

2021-08-22 15:05:56 字數 2821 閱讀 5416

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

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

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

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

html

body spanbody 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物件。
 
PHP header 的7種用法
1.跳轉頁面header location url location和 之間無空格。2.宣告content typeheader content type text html charset utf 8 3.返回response狀態碼header http 1.1 404not found 4.在某...


PHP header 的7種用法
這篇文章介紹的內容是關於php header 的7種用法 有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下 1.跳轉頁面 header location url location和 之間無空格。2.宣告content type header content type text html ...


PHP header 的7種用法
1.跳轉頁面 1header location url location和 之間無空格。2.宣告content type 1header content type text html charset utf 8 3.返回response狀態碼 4.在某個時間後執行跳轉 1header refresh...