首页 前端知识 JavaScript、jQuery、Vue三者的区别

JavaScript、jQuery、Vue三者的区别

2024-05-31 19:05:54 前端知识 前端哥 974 468 我要收藏

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

总结:
JavaScriptjQuery都是先获取DOM节点,然后对DOM节点进行值的修改等操作
Vue是先将数据对象和DOM节点进行绑定,然后直接修改数据对象,Vue的底层会替我们完成DOM操作

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10162.html
标签
评论
发布的文章

用点jquery实现的登录页面

2024-06-06 00:06:07

echarts-锥型柱状图

2024-06-06 00:06:05

echarts的使用

2024-06-06 00:06:00

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!