一、jQuery是什么?
jQuery是一个快速、简洁的JavaScript框架,即倡导写更少的代码,做更多的事情
二、和JavaScript的不同
选择器:
//js的选择器
var x = document.getElementById("div1")
//jquery的选择器
var x = $('#div1')[0]
//打印结果相同
console.log(x)
事件监听的添加:
//js的写法
document.getElementById("div1").addEventListener("click",function(){alert('div被点击')})
//jquery的写法
$('#div1').on('click' ,function(){alert("div被点击")})
改变css的写法:
//这里是js代码
var x = document.getElementById("div1")
x.style.width = '100px'
x.style.height = '100px'
x.style.backgroundColor = '#00bb00'
//这里是jquery代码
$('#div1').css({"width":"100px","height":"100px","backgroundColor":"red"})
三、存在的意义
框架存在的意义:框架( Framework )是构成一类特定软件可复用设计的一组相互协作的类,可以帮你完成一些基础工作
未学习内容
1.前后端交互方法ajax的使用
2.JSON的使用:开发中非常常见的数据类型