Js与jQuery的相互转换 jquery 中addClass()和 attr()的区别

$()与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('');

我们可以看出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(索引值)