原创

jQuery基本认识

温馨提示:
本文最后更新于 2022年06月18日,已超过 8 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我

jQuery的基本语法

jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程,jQuery 很容易学习。

jQuery的出现让我们告别了操作js的繁琐,原来需要几行代码才能完成的事情,现在一行代码就可以搞定,大大提高了我们开发的效率

jQuery 库可以通过一行简单的标记被添加到网页中

jQuery包含了大量的插件,基本涵盖了js的所有功能

使用jQuery的不步骤

  1. jQuery的安装
  2. jQuery文件的引入

jQuery的基本语法

js的原生语法

<script>
        function funl() {
            //获取
            var obj = document.getElementById("text1");
            alert(obj.value);
        }
    </script>

这段代码的含义是获取id为指定值的元素对象,并将其弹出到页面上

jQuery语法完成

var obj = $("#text1")

这样是不是就省去了很多的代码,并且也好记忆

Dom对象转化为jQuery

使用原生js生成的我们称之为dom对象,使用jQuery生成的我们称之为jQuery对象,到那时有些时候我们需要将其转化,这样我们才能使用它提供的方法

转化为方法很简单,只要将获得的dom对象放入$()中即可完成转化

var $obj = $(obj);//其中obj是dom对象

jQuery对象转化为dom对象

因为jQuery获取元素的时候,得到的是数组形式的,数组中的第一个元素对应的就是dom对象,所以,我们只要获取到jQuery对象中的第一个对象即可

$("#text")[0]

基本的选择器

  1. id选择器$("#dom对象")
  2. class选择器$(".class名称")
  3. 标签选择器$("标签名称")
  4. 所有选择器$("*")
  5. 组合选择器
正文到此结束