jQuery自行总结

1：jQuery的概念

   （1）jQuery是一个javascript代码仓库，我们称之为javascript框架。

   （2）jQuery是快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。

   （3）Js库是一个使用原生js将日常开发过程中常用的功能进行总结、包装。

   （4）注：$符号就是jQuery的简写，jQuery () 就等于 $ ()

2：使用jQuery的优势

   （1）轻量级、代码量少，使用便捷(只需引入一个js文件)

   （2）链式操作、隐式迭代（具有自动遍历节点的功能）

   （3）强大的选择器

   （4）拓展性强

   （5）插件广泛

   （6）出色的浏览器兼容性

   （7）可靠的事件处理机制

   （8）提供基本网页特效(提供已封装的网页特效方法)

3：jQuery入口函数与js入口函数的区别

   （1）原生js的页面加载事件（window.onlod）、 jQuery的页面加载事件（$(document ).ready）

   （2）Js的window.onload事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

   （3）ready()在页面文档结构加载完毕就会触发。

   （4）原生JS的页面加载事件，若添加多个，后面会覆盖前面的；jQuery不会

   （5）ready()可以简化为：$(function(){}）

4：简单的jQuery选择器

  （1）jQuery基本选择器（ID选择器，标签选择器，类选择器，通配选择器）

  （2）ID选择器：document.getElementById(id)与$("#id")对比(改变文字大小)—id唯一，返回单个元素

  （3）标签选择器：document.getElementsByTagName(tagName)与$("tagname")对比—多个标签，返回数组

  （4）类选择器:$(".className")–多个classname（改变背景图片）

  （5）通配选择器：document.getElementsByTagName("*")与$("*")对比—指范围内的所有标签元素

5：层级选择器

符号	说明	用法
空格	后代选择器 选择所有的后代元素	$(“div span”). css(“background”,”red”);
>	子代选择器 选择所有的子代元素	$(“div > span”). css(“background”,”red”)
+	紧邻选择器 选择紧挨着的下一个元素	$(“div + p”). css(“background”,”red”)

        

6：筛选选择器

选择器	说明	返回
first	匹配找到的第1个元素	单个元素
last	匹配找到的最后一个元素	单个元素
eq	匹配一个给定索引值的元素	单个元素
even	匹配所有索引值为偶数的元素	集合元素
odd	匹配所有索引值为奇数的元素	集合元素
gt(index)	匹配所有大于给定索引值的元素	集合元素
lt(index)	匹配所有小于给定索引值的元素	集合元素

7：删除节点

 （1）jQuery提供了三种删除节点的方法 remove（） detach（） empty（）

 （2）remove()方法  当某个节点用此方法删除后，该节点所包含的所有后代节点将同时被删除，用remove()方法删除后，还是可以继续使用删除后的引用

 （3）detach()方法 和remove()方法一样，也是从DOM中去掉所有匹配的元素，与remove()不同的是，所有绑定的事件、附加的数据等，都会被保留下来

 （4）empty()方法  empty()方法并不是删除节点，而是清空节点，它能清空元素中所有后代节点

8：复制节点

 （1）使用clone()方法来完成

 （2）在clone()方法中传递一个参数true，同时复制元素中所绑定的事件

9：遍历节点

 （1）children()方法  该方法用来取得匹配元素的子元素集合  childre()方法只考虑子元素而不考虑其他后代元素

（2）next()方法  该方法用于取得匹配元素后面紧邻的同辈元素

（3）prev()方法   用于匹配元素前面紧邻的同辈元素

（4）siblings()方法  用于匹配元素前后所有的同辈元素

（5）parent()方法  获得集合中每个 元素的父级元素

（6）parents()方法  获得集合中每个元素的祖先元素

结尾

以上是我对jquery一部分的总结  有什么问题欢迎大家评论区多多留言！