1.JavaScript是运行在浏览器端的脚本语言,JavaScript主要解决的是前端和用户的交互问题。它是由浏览器解释执行的。
2.jQuery是JavaScript的一个集成库,是一个js文件,将一些复杂的api封装成一个库,旨在用少量的代码做更多的事,提高效率。
3.Vue.js是一套用于构建用户界面的渐进式框架,可以把它当作一个js库来使用,也可以搭配使用其整套的生态系统构建用户界面。Vue的核心库只关注视图层,Vue的目标是通过尽可能简单的 API 实现响应的数据绑定,其本质也是js代码。
举例说明:
1.javaScript获取标签元素:
<script>
var h1 = document.getElementById("title")
var h2 = document.getElementsByTagName("h1");
console.log(h1.innerHTML)
h1.innerHTML='修改后的标题'
</script>
2.jQuery修改网页中的元素内容:
<body>
<h1 id="title" class="title">我是标题</h1>
<script>
$(function(){
var h1 = $("#title")
console.log(box.html())//获取元素中的内容
$('.box').html('修改后的内容');//修改后的内容
})
</script>
</body>
3.Vue获取标签元素:
var vm = new Vue({
el:"#box1",
data:{
content:"标题"
},
methods:{
dianji1:function () {
this.content = "修改后的标题"
}
}
})
总结:
JavaScript和jQuery都是先获取DOM节点,然后对DOM节点进行值的修改等操作
Vue是先将数据对象和DOM节点进行绑定,然后直接修改数据对象,Vue的底层会替我们完成DOM操作