js和jquery的区别

1.入口函数不同
window.οnlοad=function(){
　　//js代码
}
等同于
$(window).load(function(){
　　//jquery代码
});

2.获取元素
jquery：
　　通过id获取，jquery的语法更为简练KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id").event; 　　通…(.“css”).event()
　　通过属性html标签获取，$(“p”).event()是选中所有的p标签元素通过属性值获取，$(“div[csdn]”).event()是选中div的属性为csdn的元素
　　event是对选中的元素的操作。
js：
　　document.getElementById(“elementId”);//返回一个元素，按元素的ID名称来访问
　　document.getElementsByName(“elementName”);返回一组元素，按元素的name名称来访问
　　document.getElementsByTagName(“tagName”);返回一组元素，按标签来访问
　　document.getElementsByClassName(“classname”);返回一组元素，按class来访问
　　
3.js和jquery转换
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index);
　　(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。
　　如：var $v=$("#v") ; //jQuery对象
　　var v=$v[0]; //js对象
　　alert(v.checked) //检测这个checkbox是否被选中
　　(2)jQuery本身提供，通过.get(index)方法，得到相应的js对象
　　如：var $v=$("#v"); //jQuery对象
　　var v=$v.get(0);//js对象alert(v.checked)//检测这个checkbox是否被选中js对象转成jQuery对象:对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象)
　　如：var v=document.getElementById(“v”); //js对象
　　var $v=$(v); //jQuery对象
　　转换后，就可以任意使用jQuery的方法了。
　　
4.操作css样式的时候
JavaScript:
　　1.使用setAttribute设置class和style
　　document.getElementById(“first”).setAttribute(“style”,“color:red”);
　　2.使用.className添加一个class选择器
　　document.getElementById(“third”).className = “san”;
　　3.使用.style.样式直接修改单个样式。注意样式名必须使用驼峰命名法
　　document.getElementById(“four_times”).style.fontWeight = “900”;
　　4.使用.style或.style.cssText添加一串行级样式：
　　document.getElementById(“five_times”).style = “color: blue;”;//IE不兼容
　　document.getElementById(“six_times”).style.cssText = “color：yellow;font-size : 60px;”;
JQuery:
　　KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div2").css("col…("#div2").css({
　　“color” : “white”,
　　“font-weight” : “bold”,
　　“font-size” : “50px”,
　　});