1. jQuery概念
在程序开发过程中,免不了大量的复杂,重复的代码编写工作,为了提高开发的效率这时就需要提供一种工具来完成哪些重复,又复杂的代码,随之编程的发展,大量框架的出现,极大的满足了我们的需求,常见知名的框架比如spring…,他们的出现极大的提高了开发的效率。在开发前端的时候也出现了一个比较知名的框架,jQuery,他的出现,极大的降低了我们编写js代码的工作量,同时jQuery也将js本身的一些代码逻辑进行了优化,使我们开发变的更容易
2. jQuery快速入门
2.1 下载jQuery
自行百度就可以下载,这里也提供了连接,不过需要自己在本地创建js文件,将这两个文件的内容复制进去jquery所有版本下载
2.2 jQuery的引入
在html文件当中引入文件,这里推荐使用min(压缩版本),这个版本没有首行缩进,占用的内存比普通版本的小,加载的时候使用的时间将会更小
<script type="text/javascript" src="jquery.js"></script>
2.3 jQuery测试
在引入了jQuery文件之后,我们就可以使用框架提供的方法了。在js常规的操作中,我们要操作元素对象,首先我们要进行获取元素对象,这里的获取方式有很多种,id,name,attribute…都需要我们调用不同的方法来获取:
<script>
let by = document.getElementById("button");
by.onclick = function(){
alert("s")
}
</script>
这样就显得不方便了,那么jQuery就给我们提供了一种比较简单的获取元素对象的方法$()
里面填写属性,id…就可以直接获取到了:
<script>
let $button = $("#button");
alert($button);
</script>
2.4 jQuery对象和js对象的区别和转换
JS对象,是一个名值对的无序集合。 jquery对象,是jquery特有的对象,只有调用jquery框架才存在。其实jquery对象,也是一种js对象。 jquery对象和js对象可以相互转换,例如 $(“#div”).get(),即可以把一个jquery对象转换为js对象。 最主要的区别,js对象上的方法,不能直接用在jquery对象上,如果一定要给jquery对象使用js对象的方法,必须把jquery对象转换为js对象。jquery对象,则可以随意使用jquery定义的方法。
原文地址:https://blog.csdn.net/qq_49453641/article/details/123926271
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_48980.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!