JQuery相关知识点和面试题

1.什么是jquery?

jQuery其实就是一堆的js函数(js库)，也是普通的js而已，不是全新的东西

JQuery把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率，极大地简化了 JavaScript 编程。

2.Javascipt跟JQuery的区别：

Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。

jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发

jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到。

3.jquery使用精髓

选择元素
循环操作
链式调用
封装选择元素,循环操作,链式调用

4.为什么要用jquery

jQuery面向用户良好的设计使得在使用过程中彻底解放了你记忆原生操作DOM的接口
jQuery中包含多个可重用的函数，用来辅助我们简化javascript开发
jQuery在半数以上并没有复杂交互的网站中得以大面积使用，因为它们需要的仅仅是一些兼容低级浏览器而又呈现酷炫效果动画的页面。（jQuery出到3，但大公司pc端依然用1.x版本、移动端2.x版本）
jQuery改变了数百万人编写JavaScript的方式，当然部分人已经觉得时过境迁，组件化，工程化，大行其道，但请不要忘记他的前端开发者的启蒙意义！且很多公司很多项目依然需要他，所以笔面试必会！

面试题：

你为什么要使用jQuery？你觉得jquery有哪些好处？

1、因为jQuery是轻量级的框架，大小不到30kb
2、它有强大的选择器，出色的DOM操作的封装
3、有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)
4、完善的ajax(它的ajax封装的非常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。)
5、出色的浏览器的兼容性
6、支持链式操作，隐式迭代
7、行为层和结构层的分离，还支持丰富的插件，jquery的文档也非常的丰富

$(d o c u m e n t) . r e a d y ()$

两个方法的功能相似，但是在实行时机方面是有区别的

1.window.onload方法是在网页中所有的元素完全加载到浏览器后才执行

2.$(document).ready()可以在DOM载入就绪就对其进行操纵，并调用执行绑定的函数

你知道jQuery中的选择器吗，有哪些选择器

大致分为：基本选择器，层次选择器，表单选择器
基本选择器：id选择器，标签选择器，类选择器等
层次选择器：如：$("form input") 选择所有的form元素中的input元素 $("#main > *")选择id为main的所有子元素
过滤选择器：如：$("tr:first")选择所有tr元素的第一个 $("tr:last")选择所有tr元素的最后一个
表单选择器：如：$(":input")选择所有的表单输入元素 $(":text")选择所有的text的input元素

jQuery的美元符号$有什么作用？

其实美元符号$只是”jQuery”的别名，它是jQuery的选择器，如下代码：
$(document).ready(function(){

});
当然你也可以用jQuery来代替$，如下代码：
jQuery(document).ready(function(){

});

jQuery中使用过哪些插入节点的方法，他们的区别是什么？

在元素内部添加
append：向每个匹配的元素内部追加内容 
        <p>我想说：</p>
        $("p").append("<b>你好</b>") 
        <p>我想说：<b>你好</b></p>

appendTo：将所有匹配的元素追加到指定的元素中 
        <p>我想说：</p> 
        $("<b>你好</b>").appendTo("p") 
        <p>我想说：<b>你好</b></p>

prepend：向每个匹配的元素内部前置添加内容 
        <p>我想说：</p> 
        $("p").prepend("<b>你好</b>") 
        <p><b>你好</b>我想说：</p>

prependTo：将所有匹配的元素前置到指定的元素中 
        <p>我想说：</p> 
        $("<b>你好</b>").prependTo("p") 
        <p><b>你好</b>我想说：</p>

在元素外部添加
after：在每个匹配元素之后插入内容 
        <p>我想说：</p> 
        $("p").after("<b>你好</b>") 
        <p>我想说：</p><b>你好</b>

insertAfter：将所有配的元素插入到指定元素的后面 
        <p>我想说：</p> 
        $("<b>你好</b>").insertAfter("p") 
        <p>我想说：</p><b>你好</b>

before：在每个匹配的元素之前插入内容 
        <p>我想说：</p> 
        $("p").before("<b>你好</b>") 
        <b>你好</b><p>我想说：</p>

insertBefore：将所有匹配的元素插入到指定的元素的前面 
        <p>我想说：</p> 
        $("<b>你好</b>").insertBefore("p") 
        <b>你好</b><p>我想说：</p>