js&$

## 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('')==jqdom.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(索引值)