Js與jQuery的相互轉換


$()與jQuery()

jQuery中$函數,根據傳入參數的不同,進行不同的調用,實現不同的功能。返回的是jQuery對象

jQuery這個js庫,除了$之外,還提供了另外一個函數:jQuery

jQuery函數跟$函數的關系:jQuery ===$;

jQuery與js區別

jquery有一層功能皮膚,其內核還是js

JS與jQuery對象之間的轉換

1、js對象轉換成jquery對象。 $(js對象);

2、jquery對象轉換成js對象。 (1)jquery對象[索引值] (2)jquery對象.get(索引值)

操作內容

1、jsdom.innerHTML==jqdom.html();

2、jsdom.value==jqdom.val();

3、jsdom.style.color==jqdom.css('color')  jqdom.css('color','red')

     jqdom.css({

  'color':'red',

  'width':'120px',

  ...

})

操作屬性

1、jsdom.setAttribute==jqdom.attr('class') jqdom.attr('class','n1');

2、jsdom.getAttribute==jqdom.attr({

    'id':'btn',

    'class':'n1',

    ...

})

3、jsdom.removeAttribute('class')==jqdom.removeClass();

4、jsdom.addClass('');

jquery 中addClass()和 attr()的區別

我們可以看出addClass是在原來的基礎上添加屬性,attr則是替代。

 

操作事件

1、jsdom.onclick = function(){

  this

}

2、jqdom.click (function(){

  $(this)

})

JS與jQuery對象之間的轉換

1、js對象轉換成jquery對象。 $(js對象);

2、jquery對象轉換成js對象。 (1)jquery對象[索引值] (2)jquery對象.get(索引值)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM