jQuery中$()函數(shù)的使用方法有哪些

    body span
    body span
    body span
    
        wrap span
        wrap span
        wrap span
    

js

$('span').css('background-color','red');//所有的span都會(huì)變紅
$('span','.wrap').css('background-color','red');//只有.wrap中的span會(huì)變紅

2 jQuery(html,ownerDocument) 、jQuery(html,props)

用所提供的html代碼創(chuàng)建DOM元素

對(duì)于jQuery(html,ownerDocument)，參數(shù)html可以是單標(biāo)簽或者是多層標(biāo)簽之間的嵌套。第二個(gè)參數(shù)用于創(chuàng)建新DOM元素的文檔對(duì)象，如果不傳入則默認(rèn)為當(dāng)前的文檔對(duì)象。

    //單標(biāo)簽  兩種方式都可以往body中插入div
    /*   
     *   1  $('
').appendTo('body');
     *   2  $('
').appendTo('body');  
     */
    // 多標(biāo)簽嵌套
     $('
dfsg
').appendTo('body');

另外:對(duì)于單標(biāo)簽，jQuery(html,props)，props是一個(gè)包含屬性和事件的普通的對(duì)象，用法如下。(該用法有待考證，請(qǐng)知道這一用法的童鞋告知一下，感激不盡)

        $('
我是div
',{
            title:'我是新的div',
            click:function(){
                $(this).css('color','red');
                console.log(this);
            }
        }).appendTo('body');

3 jQuery(element or elementsArray)

如果傳入一個(gè)DOM元素或者是DOM元素的數(shù)組，則把DOM元素封裝到j(luò)Query對(duì)象中并返回。

html

    

        
1
        
2
        
3
        
4
        
5
    

js

         // 傳入DOM元素
         $('li').each(function(index,ele){
                $(ele).on('click',function(){
                    $(this).css('background','red');//這里的DOM元素就是this
                })
        })
        
        //傳入DOM數(shù)組
        var aLi=document.getElementsByTagName('li');
            aLi=[].slice.call(aLi);//集合轉(zhuǎn)數(shù)組
            var $aLi=$(aLi);
            $aLi.html('我是jQuery對(duì)象');//所有的li的內(nèi)容都變成'我是jQuery對(duì)象'

4 jQuery(object)

如果傳入的是一個(gè)object對(duì)象，則把該對(duì)象封裝到j(luò)Query對(duì)象中并返回。

    var obj={name:'謙龍'};
    var $obj=$(obj);//封裝成jQuery對(duì)象
    //綁定自定義事件
    $obj.on('say',function(){
        console.log(this.name)//輸出謙龍
    });
    $obj.trigger('say');

5 jQuery(callback)

當(dāng)傳進(jìn)去的參數(shù)是函數(shù)的時(shí)候，則在document對(duì)象上綁定一個(gè)ready事件監(jiān)聽函數(shù)，當(dāng)DOM結(jié)構(gòu)加載完成的時(shí)候執(zhí)行

    $(function(){
    
    })
    //以上代碼和下面的效果是一樣的
    $(document).ready(function(){
        ...//代碼
    })

6 jQuery(jQuery object)

當(dāng)傳進(jìn)去的參數(shù)是一個(gè)jQuery對(duì)象的時(shí)候，則創(chuàng)建該jQuery對(duì)象的一個(gè)副本并返回。副本與傳入的jQuery對(duì)象引用完全相同的元素

    var aLi=$('li');
    var copyLi=$(aLi);//創(chuàng)建一個(gè)aLi的副本
    console.log(aLi);
    console.log(copyLi);
    console.log(copyLi===aLi);

7 jQuery()

如果不傳入任何的參數(shù)，則返回一個(gè)空的jQuery對(duì)象，屬性length為0

注意這個(gè)功能可以用來復(fù)用jQuery對(duì)象，例如可以創(chuàng)建一個(gè)空的jQuery對(duì)象，然后在需要的時(shí)候先手動(dòng)修改其中的元素，然后在調(diào)用jQuery方法。從而避免重復(fù)創(chuàng)建jQuery對(duì)象。

感謝各位的閱讀！關(guān)于“jQuery中$()函數(shù)的使用方法有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！