jQuery介绍

  • 是JavaScript和查询（Query）,它就是辅助JavaScript开发的js类库
  • 核心思想：写到少，做的多，实现很多浏览器的兼容问题
  • jQuery是免费、开源的，jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能

常见问题：

  • 使用jQuery一定要引入jQuery库
  • jQuery中的$是一个函数

jQuery核心函数

  • $是jQuery的核心函数，能完成jQuery的很多功能， $ ()就是调用$这个函数
  • 1、传入参数为【函数】时：
  • 表示页面加载完成之后，相当于window.οnlοad=function(){} 
$(function(){
   
         alert("页面加载完成");
     });
  • 2、传入参数为【HTML字符串】时：
  • 会对我们创建这个html标签对象 
$(function(){
   
        $("<div>
       <span>div-span1</span>
       <span>div-span2</span>
        </div>");
     });
  • 传入参数为【选择器字符串】时：
  • $("#id属性值")：id选择器，根据id查询标签对象
  • $(“标签名”)： 标签名选择器，根据指定的标签名查询标签对象
  • $(".class属性值")：类型选择器，可以根据class属性查询标签对象

jQuery对象和dom对象区分

Dom对象

  • DOM对象alert出来的效果是：【object HTMLButtomElement】

jQuery对象

  • jQuery对象alert出来的效果是：【object Object】

jQuery对象的本质是什么？

  • jQuery对象是dom对象的数组+jQuery提供的一系列功能函数

jQuery对象和Dom对象使用区别

  • jQuery对象不能使用Dom对象的属性和方法
  • Dom对象不能使用jQuery对象的属性和方法

Dom对象和jQuery对象互转

1、dom对象转换为jQuery对象

  • 先有DOM对象
  • $(DOM对象)就可以转换为jQuery对象

2、jQuery对象转换为dom对象

  • 1、先有jQuery对象
  • 2、jQuery对象【下标】取出相应的DOM对象