jQuery入门

一、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的使用：开发中非常常见的数据类型