了解css的属性
一、js和Jquery的区别
1、本质上的区别:js是网页脚本语言,而Jquery是基于js语言封装出来的一个前端框架。也就是说js是一种语言,而Jquery是基于该语言的一种框架。
2、用法上的区别:a、外观上Jquery对象比js对象多了"$()",这是最直观的区别;
b、操作样式的区别,js里面操作样式的关键字是style。Jquery里面操作样式的关键字是css。
c、操作属性的区别:
例:JS里面用来操作属性的方法是:div.setAttribute("","");——设置属性、修改属性
div.removeAttribute("");——移除属性,引号里面写一个属性名
div.getAttribute();——获取属性
Jquery用来操作属性的方法:移除属性:div.removeAttr("test");——移除test这条属性。
添加属性:div.attr("test","aa");——给这个attr方法加入参数,属性名叫做test,属性的值是aa。
获取属性:div.attr("test");——在attr方法里面直接写入一个属性的名就可以。
d、使用JavaScript和jQuery分别加载DOM时。JavaScript只会执行一次,而jQuery会执行多次
e、js获取方法:js获取id:document.getElementById(‘idName');JQuery:$('#idName')
js获取class的方法:document.getElementsByClassName;JQuery:$('.className')。
f、jquery有一层功能皮肤,其内核还是js
注意:
js操作样式的方法只能获取内联样式,不能取内嵌的和外部的。
Jquery操作样式的方法可以是内联的也可以是内嵌的。
二、js和Jquery的转换
1、$()与Jquery()
Jquery中$函数,根据传入参数的不同,进行不同的调用,实现不同的功能。返回的是Jquery对象
Jquery这个js库,除了$之外,还提供了另外一个函数:Jquery
Jquery函数跟$函数的关系:Jquery===$;
2、JS与jQuery对象之间的转换
a、js对象转换成jquery对象。 $(js对象);
b、jquery对象转换成js对象。 (1)jquery对象[索引值] (2)jquery对象.get(索引值)

浙公网安备 33010602011771号