jQuery面试题（常问）

** jQuery 库中的 $() 是什么？**

$() 函数是 jQuery() 函数的别称。$() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。

jQuery中的选择器吗，有哪些选择器

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

网页上有 5 个 <div> 元素，如何使用 jQuery来选择它们

jQuery 支持不同类型的选择器，例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和 class，你可以用标签选择器来选择所有的 div 元素。jQuery 代码：$(“div”)，这样会返回一个包含所有 5 个 div 标签的 jQuery 对象

** 如何在点击一个按钮时使用 jQuery 隐藏一个图片**

去隐藏一个通过ID或class定位到的图片。你需要知道如何为按钮设置事件并执行hide() 方法，

你是如何将一个 HTML 元素添加到 DOM 树中的？

用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树中。这是 jQuery 提供的众多操控 DOM 的方法中的一个。你可以通过 appendTo() 方法在指定的 DOM 元素末尾添加一个现存的元素或者一个新的 HTML 元素

jquery中的动画是怎样用的

hide() 和 show() 同时修改多个样式属性。像高度，宽度，不透明度。 fadeIn() 和fadeOut() fadeTo() 只改变不透明度

slideUp() 和 slideDown() slideToggle() 只改变高度

animate() 属于自定义动画的方法.

** $(this) 和 this 关键字在 jQuery 中有何不同？**

$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等

this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。

jQuery中.get()提交和.post()提交的区别

1.get()使用GET方法来进行异步提交.get()使用GET方法来进行异步提交.post()使用POST方法来进行异步提交

2、get请求方式将参数跟在url后进行传递用户可见 post请求则是作为http消息的实体内容发送给服务器，用户不可见

3、post传输数据比get大

4、get请求的数据会被浏览器缓存 不安全

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> 

如何来设置和获取HTML和文本的值？

1.获取HTMl：$("选择器").html()
2.获取文本的值：$("选择器").text()