携手共筑前端面试宝典之JQUERY篇-王大师

写在前面

本人详解
作者：王文峰，参加过 CSDN 2020年度博客之星，《Java王大师王天师》作者
公众号：山峯草堂，非技术多篇文章，专注于天道酬勤的 Java 开发问题、中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯
转载说明：务必注明来源（注明：作者：王文峰哦）

携手共筑前端面试宝典之JQUERY篇-王大师

• 话题描述：
• 题目一、JQuery元素选择器大全详解
• 题目二、jQuery 库中的 $() 是什么？
• 题目三、说出jQuery中常见的几种函数以及他们的含义是什么?
• 题目四、(document).ready()(functiion({}))方法和window.onload有什么区别？
• 题目五、jQuery.get() 和 jQuery.ajax() 方法之间的区别是什么?
• 题目六、 jQuery 里的 ID 选择器和 class 选择器有何不同？
• 推荐专栏
• java面试总结

话题描述：

如果你是应聘者：你就可以从容的solo面试官，
如果你是面试官：你就可以将应聘者拷问到骨子里！
总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！

题目一、JQuery元素选择器大全详解

Jquery元素选择器大全

考点
考的是对js的理解和运用

解答
基本选择器

id选择器：$(“#id的属性值”)

类选择器：$(“.class的属性值”)

标签选择器：$(“标签名”)

并集选择器：$(“选择器1，选择器2”)

层级选择器

后代选择器：$(“选择器1 选择器2”)

子选择器：$(“选择器1 > 选择器2”)

属性选择器

属性名称选择器：$(“选择器[属性名]”)

$(“选择器[属性名=‘值’]”)

$(“选择器[属性名!=‘值’]”)

$(“选择器[属性名^=‘值’]”)

( " 选 择 器 [ 属 性 名 ("选择器[属性名 ("选择器[属性名=‘值’]")

$(“选择器[属性名*=‘值’]”)

复合属性选择器：$(“选择器[属性名=‘值’][]…”)

过滤选择器

首元素选择器：${选择器：first}

尾元素选择器：${选择器：last}

非元素选择器：${选择器1：not(选择器2)}

偶数选择器：${选择器：even}

奇数选择器：${选择器：odd}

等于索引选择器：${选择器：eq(index)}

大于索引选择器：${选择器：gt(index)}

小于索引选择器：${选择器：lt(index)}

标题选择器：${：header}

表单过滤选择器

可用元素选择器：${:enabled}

不可用元素选择器：${:disabled}

选中选择器

单复选框：${:checked}

下拉框：${:selected}

题目二、jQuery 库中的 $() 是什么？

( ) 函 数 是 j Q u e r y ( ) 函 数 的 别 称 ， 乍 一 看 这 很 怪 异 ， 还 使 j Q u e r y 代 码 晦 涩 难 懂 。 一 旦 你 适 应 了 ， 你 会 爱 上 它 的 简 洁 。 () 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。一旦你适应了，你会爱上它的简洁。 ()函数是jQuery()函数的别称，乍一看这很怪异，还使jQuery代码晦涩难懂。一旦你适应了，你会爱上它的简洁。() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。这个问题我已经见过好几次被提及，尽管它非常基础，它经常被用来区分一个开发人员是否了解 jQuery。

题目三、说出jQuery中常见的几种函数以及他们的含义是什么?

1)get()取得所有匹配的DOM元素集合.
  2)get(index)取得其中一个匹配的元素.index表示取得第几个匹配的元素.
  3)append(content)向每个匹配的元素内部追加内容.
  4)after(content)在每个匹配的元素之后插入内容.
  5)html()/html(var)取得或设置匹配元素的html内容.
  6)find(expr)搜索所有与指定表达式匹配的元素.
  7)bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数.
  8)empty()删除匹配的元素集合中所有的子节点.
  9)hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.
  10)attr(name)取得第一个匹配元素的属性值.
  11)addClass(class)和removeClass(class)为指定的元素添加或移除样式.
  12)css(name)访问第一个匹配元素的样式属性.
  13)ajax([options])通过HTTP请求加载远程数据.
  14)get(url,[data],[callback],[type])通过远程HTTP GET请求载入信息.
  15)post(url,[data],[callback],[type])通过远程HTTP POST请求载入信息.
  16)load(url,[data],[callback])载入远程HTML文件代码并插入至DOM中.**

题目四、(document).ready()(functiion({}))方法和window.onload有什么区别？

区别如下
1、window.onload方法是在网页中所有的元素完全加载，浏览器后再去执行。
2、$(document).ready() 可以在DOM载入就绪是就对其进行 *** 作，并调用执行绑定的函数。

题目五、jQuery.get() 和 jQuery.ajax() 方法之间的区别是什么?

区别如下
1、get() 方法是一个只获取一些数据的专门化方法。
2、ajax() 方法更强大，更具可配置性, 让你可以指定等待多久，以及如何处理错误。

题目六、 jQuery 里的 ID 选择器和 class 选择器有何不同？

(答案)
1、ID 选择器使用 ID 来选择元素，比如 #element1，而 class 选择器使用 2、CSS class 来选择元素。当你只需要选择一个元素时，使用 ID 选择器，而如果你想要选择一组具有相同 CSS class 的元素，就要用 class 选择器。

推荐专栏

1、掌握 JAVA入门到进阶知识(持续写作中……）
2、学会Oracle数据库用法(创作中……）
3、手把手教你vbs脚本制作(完善中……）
4、牛逼哄哄的 IDEA编程利器(编写中……）
5、吐血整理的 面试技巧(更新中……）

java面试总结

 第一章：日常_JAVA_面试题集15（含答案）
 第二章：日常_JAVA_面试题集14（含答案）
 往期文章大全……

  以上就是今天的内容，关注我，不迷路。

 平安壹钱包面试官：请你说一下Mybatis的实现原理

 Java开发-热点-热门问题精华总结-推荐

一键三连 _一键三连 一键三连~

写在最后

本人详解
作者：王文峰，参加过 CSDN 2020年度博客之星，《Java王大师王天师》作者
公众号：山峯草堂，非技术多篇文章，专注于天道酬勤的 Java 开发问题、中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯
转载说明：务必注明来源（注明：作者：王文峯哦）