2020-10-05

1、什么是JQuery？

它是js的一个框架，它是开源的项目。对底层的js进行封装，我们通过js框架就可以快速的完成DOM

对元素的增删改查操作，并提供了动画功能。jquery对外提供api让开发者去开发jquery

插件（就是一个功能模块，用户只要做一些简单的配置就完成复杂的功能）。jquery目前

是比较流行的一个JQuery框架。（宗旨：写得少，做的多）。

2、JQuery特点:

轻量级

强大的选择器

出色的DOM封装

可靠的事件处理机制

完善的Ajax

出色的浏览器兼容性

丰富的插件支持

完善的文档

支持链式操作

3、JQuery的环境配置

1)官网：http://www.jquery.com

2)去下载jquery库文件:

  通常有两个版本:

   *未压缩版本：--用在开发和调试。（我们下载此版本）

   *压缩版本:--产品发布的时候使用，可以提高性能和减少带宽

4、在html页面中如何使用jQuery？

使用<script src="jquery.js" type="text/javascript"></script>引入

5、在内编写jquery脚本

/当文档解析完毕好以后去执行一个函数/
// 第一种写法
jQuery(document).ready(function(){
alert(“hello,jQuery”);
});

// 第二种写法
$(document).ready(function(){
alert(“hello,jQuery”);
})

// 第三种写法
$(function()alert("hello,jQuery");)注意:jQuery可以使用$符号作为别名。

  强调:和window.οnlοad=function(){}区别?

  *加载时机不同，$(function(){})优先于window.οnlοad=function(){}先执行

  *执行的次数不同，window.οnlοad=function(){}只会执行最后一个绑定的函数。

    $(function(){})可以绑定多个函数来分别执行。

6、JQuery对象和DOM对象之间的关系，他们之间如何去转换？

*使用DOM方法来查询得到的结果是DOM对象，它只能访问DOM对象中所提供的属性和方法。

*使用JQuery查询得到的结果是Jquery对象，它只能访问jQuery对象中所提供的属性和方法。

 也就是说JQuery对象不能调用DOM对象的属性和方法，反之也一样。



 注意:养成一个良好的书写习惯,JQuery对象的变量名最好以$开头。

记住:JQuery查询出来的结果是一个对象数组，就算根据id来进行查询就是返回的是一个对象数组。

    数组内存放的是DOM对象。

*JQuery对象转换成DOM对象，通过[下标]就可以转，或者get(下标)方法来取出数据就是DOM对象

*DOM对象转换成JQuery对象，通过$()工厂函数就可以了，把DOM对象作为参数传给$()函数，那么

  就把DOM对象转换成了JQuery对象。

---

选择器的学习:

*回顾下CSS选择器：—css选择器的作用是给指定的元素设置样式的。

1)id选择器  #id名{样式规则}     id="id名"

2)类选择器  .类名{样式规则}     class="类名1 类名2 ....."

3)标签选择器 标签名{样式规则}

4)后代选择器 选择器1 选择器2{样式规则}

5)子元素选择器  选择器1>选择器2{样式规则}

6)相邻选择器  选择器1+选择器2{样式规则}

7)同辈选择器  选择器1~选择器2{样式规则}

8)属性选择器

     [属性名='值']

 [属性名^='值']

 [属性名$='值']

 [属性名|='en']   比如:<input type="en-aa">

 [属性名*='en']

 [属性名~='en']   比如:<input type="en aa">

jQuery选择器:–Jquery选择器的作用是给指定的元素设置行为的。它提供了css1，css2

              css3部分的选择器，还包含自身特有的一些选择器。功能比较强大。



选择器效率的问题

  1)$("#id")

  2)$("#id").find("");

  3)$("p")

  4)$(".className")

  5)$("#id :hidden