jq入门

jqery入门

引用jquery

<script src="../js/jquery.js"></script>

初始化函数

//初始化函数，当网页中的dom元素全部加载完毕后立刻执行
        $(document).ready(function(){
            alert('1');
        });

简化写法

 //简化写法
        $(function(){
            alert('3');
        });

dom

dom模型

将html xml等文档结构的标签语言 看成dom模型

dom节点

1. 元素节点：html ul...

2. 属性节点：title src href alt...

3. 文本节点： 文本

dom对象

以上三种类型的节点 就是dom对象，只能能操作的都是dom对象

jQuery对象：凡是jQery能够直接操作的对象就是jQuery对象

let title =$('#myTitle');//通过id获取元素对象===let title = document.querySelector('#myTitle');

同样一个元素。既可以是dom对象，又可以是javascript对象

注意：dom对象，只适用于js的各种语法（函数，属性）jQuery对象只用于jQuery的各种语法（函数，属性）

dom对象和jQuery对象是各自独立的

dom对象和jQuery对象的转换

dom对象 -> jQuery
通过工厂$()转

$("dom对象")

jQuery --> dom对象

jQuery默认是一个数组或者集合，dom是一个单独的对象

数组：jQuery[0]
集合：jQuery.get[0]

let dom = title[0];