jquery on方法原理_个人笔记---JQuery（一）

一、JQuery的引入

方法一：当成普通的 .js 文件来引入；<script src ="引用地址“”> <script>

方法二：使用CDN来引用（产品上线使用）；CDN地址：https://cdn.baomitu.com/;

二、入口函数

作用：等待文档中的标签加载完毕（不等待内容加载完毕），在执行入口函数中的代码。 JQuery入口函数：

$( document).rerad(  function() {
        代码块；
     } );

DOM入口函数：

window.onload=function(){
        }

区别： ​

1.JQuery入口函数 会早于 DOM入口函数执行；（JQuery对象包含有DOM对象）； ​ 2.一个HTML文档中，最多只有一个DOM入口函数；但可以有任意多个JQuery入口函数；

三、JQuery选择器样式：

四、DOM对象与JQuery对象

DOM和JQuery 有各自的属性和方法，不能通用！

1.通过变量名，去和区分是JQuery对象，还是DOM对象？ ​

DOM对象: ​

单个元素节点：<p>我是一个段落标签2</p>

元素节点集合：HTMLCollection(3) [p, p#box, p, box: p#box] ​

JQuery对象：JQuery对象是一个集合： jQuery.fn.init(3)；

2.JQuery对象命名规范：变量名以 “$”开头；

3.DOM对象转化为JQuery对象： $(DOM对象)；

4.JQuery对象转化为DOM对象：

补充：JQuery对象就是一个集合，集合中的每个元素就是DOM对象；

方式一：JQuery对象[ 索引 ];

方式二：JQuery对象.get（）

5.获取JQuery对象中的封装的DOM元素的个数 ​

方式一：使用length方法；

方式二：调用size（）方法；

JQuery事件

事件三要素：1.事件源 2.事件 3.事件驱动程序

注意事项： ​

1)相比较于DOM的事件，jQuery只需要去掉事件名的on即可！ ​

2)在jQuery事件中，this指的就是DOM对象类型的事件源。 ​

3)手动的触发jQuery的事件 $("#btn").click(); ​