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常规的操作中,我们操作元素对象,首先我们要进行获取元素对象,这里的获取方式很多种,idnameattribute…都需要我们调用不同方法来获取:

<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对象的区别转换

  1. jQuery对象和js对象的区别

JS对象,是一个名值对的无序集合jquery对象,是jquery特有的对象,只有调用jquery框架才存在其实jquery对象,也是一种js对象。 jquery对象和js对象可以相互转换例如 $(“#div”).get(),即可以把一个jquery对象转换为js对象。 最主要的区别,js对象上的方法,不能直接用在jquery对象上,如果一定要给jquery对象使用js对象的方法,必须把jquery对象转换为js对象。jquery对象,则可以随意使用jquery定义方法

  1. jQuery和js对象之间的相互转换,jQuery转js的方法有两种:

    1. 因为jQuery获取的是一个对象数组,所以可以使用[index],的方式来获取单个的js对象

      var $v =$("#v") ; //jQuery对象 
      var v=$v[0]; //js对象
      
    2. 当然jQuery本身也自带了一个方法来获取js对象.get()

      var $v=$("#v"); //jQuery对象 
      var v=$v.get(0); //获取js对象
      
  2. js转jQuery的方法就简单了,只需要使用$(js对象)就可以直接将js对象转换为jQuery对象了

原文地址:https://blog.csdn.net/qq_49453641/article/details/123926271

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_48980.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注