javascript jQuery 用法 和引用顺序

引用顺序：

先引css再引js

js中先引jQuery，再引jabascript，再引自己写的js

用法：

jQuery需要引入一个js文件，并在所有js代码之前

1.找标签：

js： document.getElement.... 包含所有的找寻代码 dom对象

jQuery：$(选择器)； 选择器包含id选择器，class选择器 jQuery对象

下面的两句话就代表找到id为aa的标签并给这个标签添加一个class，值为bb;

//dom对象

document.getElementbyId('aa').setAttribute('class','bb');

//jQuery对象

$('ddd').attr('class','bb');

2.jQuery对象和js对象转换

jQuery==》js

是class值时， 这句话表示吧class为bb的元素下标为0的转成dom对象

$('.bb') ==》$('.bb')[0] || $('.bb').get(0)

是id值时， 这句话表示吧id为bb的元素转成dom对象

$('#bb') ==》$('#bb')[0] || $('#bb').get(0)

操作jQuery下标为0的元素 要操作第几个括号里就写几

$('.bb').eq(0);

js ==》jQuery

现在有一个dom对象

var dom = document.getElementById('ddd');

直接吧变量名给dom就把dom对象转成了jQuery对象

$(dom)

3.操作内容

js: dom代表js对象

表单 ： dom.value

非表单：dom.innetHTML

jQuery: $代表jQuery对象

表单: $.val(); $.val('修改之后的值');

非表单: $.html(); $.html('修改之后的值'); $.text() 和html的效果差不多

4.操作属性：

js：

操作属性：

dom.setAttribute(属性名,属性值);

获取属性：

dom.getAttribute(属性名);

jQuery:

操作属性：

$.attr(属性名，属性值);

获取属性：

$.attr (属性名)

操作多个属性时：

$.arrt({属性名：属性值,属性名:属性值});

5.操作样式

js：

操作样式

dom.style.样式

jQuery:

操作样式

$.css（属性名,属性值);

$.css（属性名);

操作多个属性时：

$.css({属性名：属性值,属性名:属性值});

6.事件

js: 添加事件

dom. addEventListener();

jQuery: 添加事件 点后面可以直接写事件，用什么事件写什么事件

$.onclick(function(){

})