JavaScript、jQuery、Vue三者的区别

最新推荐文章于 2024-09-30 14:28:41 发布

一只会玩代码的猫

最新推荐文章于 2024-09-30 14:28:41 发布

阅读量5.7k

点赞数 4

分类专栏： interview 文章标签： javascript vue.js jquery 前端面试

本文链接：https://blog.csdn.net/key__value/article/details/126585066

版权

interview 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

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 = "修改后的标题"
        }
    }
})