JQuery

2019-3-5

JQuery：

简介：

JQuery就是js的一个库（封装好的js文件）

特点：

简洁的语法和跨平台的兼容性，其理念：write less,do more

优势：

1. 强大的选择器
2. 出色的DOM操作的封装
3. 出色的兼容（js中需要兼容的文件封装好了）
4. 链式操作方式，发生在同一个jquery对象上的一组动作，可以直接连写而不用重复获取 对象
5. ..................

 

jquery库类型：

    完整版本：  主要用于测试，学习和开发

    mini版本：  主要用于产品和项目

 

jQuery的使用：

  jQuery不需要安装，想要在某个页面上使用jQuery时，只需要在相关的html中引入jQuery的库文件即可

 

用script标签中的src属性引入js文件(jQuery库文件)，link标签引入css文件

 

 

js对象和jQuery对象的互相转化：

 

jQuery对象由js对象组合生成

jquery对象 转换为 DOM对象

          jquery对象是一个数组对象，可以通过[index]方法得到相应的DOM对象 对象名[index],也可以通过get(index)方法获得，对象名.get(index)

 其中index是jQuery对象中的下标(jquery可以看成一个数字/集合)

 

DOM对象与jQuery对象：

1. DOM(Document Object Model 文档对象模型) 每一份DOM都可以表示成一颗树。

可以通过javascript中的方法获取到DOM元素节点：

 getElementById()

     getElementsByTagName()

 .....

 

1. jQuery对象

就是通过jQuery包装DOM对象后产生的对象，jQuery对象是jQuery独有的，如果一个对象是jquery对象就可以使用jquery库文件中的方法，但是jquery对象中无法使用dom对象的任何方法

 例如:

         $("#foo").html() 效果等价于 document.getElementById("foo").innerHTML;

         但是不可以 $("#foo").innerHTML

 

注意：jQuery对象不能使用dom对象的任何方法，不要jQuery和js搞混！

 

 

 

注意:jQuery库中只提供了一个【名字为jQuery】的对象,但是这个对象有很多方法以及属性,同时还提供了方法可以把我们平时使用的普通页面元素【转换】为jQuery类型的对象来使用,这样我们就可以在拿到页面元素后转成jQuery对象并使用jQuery使用的方法和属性了。

 

强调:jQuery库只提供了一个叫jQuery的对象,但是我们可以使用jQuery库中提供的方法把我们的普通dom对象转换为jQuery的对象,从而使用其提供的方法.

 

   $是jQuery的一个简写形式

   $("#inp")等价于jQuery("#inp")

 

 

 

Js和jQuery效率：

 

jQuery的代码效果和js中onload效果一样，但是效率更高，先执行完毕