写在前面

本人详解
作者:王文峰,参加过 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 库中的 $() 是什么?

()函数是jQuery()函数的别称,乍一看这很怪异,还使jQuery代码晦涩难懂。一旦你适应了,你会爱上它的简洁。() 函数是 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 开发问题、中国国学、传统文化和代码爱好者的程序人生,期待你的关注和支持!本人外号:神秘小峯
转载说明:务必注明来源(注明:作者:王文峯哦)

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

  1. 【前端面试宝典】计算机网络篇(1)

    写在前面 CSDN话题挑战赛第1期 活动详情地址:https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题:前端面试宝典 话 ...

  2. 中高级前端面试宝典之浏览器篇

    中高级前端面试宝典 作为一名前端开发工程师,要掌握的知识点是多而杂的,在面试刷题阶段,经常没头没脑的,我将面试题系统化,分了好几个系列,祝愿大家(包括我)在这个疫情刚过去的互联网寒冬找到事儿少钱多

  3. 前端面试宝典之react篇

    React 中 keys 的作用是什么? Keys 是 React 用于追踪哪些列表中元素被修改.被添加或者被移除的辅助标识 在开发过程中,我们需要保证某个元素的 key 在其同级元素中具有唯一性.在 ...

  4. < CSDN话题挑战赛第1期 - 前端面试宝典 >

    CSDN话题挑战赛第1期 活动详情地址:https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题:前端面试宝典 话题描述:欢 ...

  5. 前端面试宝典。向未来开启计划

    写在前面 CSDN话题挑战赛第1期 活动详情地址:CSDN 参赛话题:前端面试宝典 话题描述:欢迎各位加入话题创作得小伙伴,如果我没有猜错得话,我觉得你是应该同我一样是一位前端人.如今前端在IT事业中 ...

  6. 【前端面试宝典】超基础的vue知识

    写在前面 CSDN话题挑战赛第1期 活动详情地址:https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题:前端面试宝典 话 ...

  7. 前端面试大全(Ajax篇——面试官这样问,你答得上来吗?)

    目录 面试系列 内容介绍 1.Ajax 是什么? 如何创建一个Ajax? ①.Ajax ②.异步 ③.步骤 2.同步和异步的区别? ①.同步 ②.异步 3.如何解决跨域问题? 4.http状态码有那些 ...

  8. 前端面试大全(序篇)

    面试系列 后续更新分类将同步更新系列目录: 前端面试大全(序篇):https://blog.csdn.net/cainiaoyihao_/article/details/116518423 前端面试大 ...

  9. 前端面试大全(JavaScript篇——面试利器值得拥有!)

    目录 面试系列 内容介绍 1.介绍js的基本数据类型. 2.介绍js有哪些内置对象? 3.说几条写JavaScript的基本规范?, 4.JavaScript原型,原型链? 有什么特点? 一.关系 二 ...

最新文章

  1. 数字货币 electron cash钱包 如何长时间存放数字货币
  2. php中$GLOBALS
  3. 调试Android之system.img的来回切换。
  4. android学习总结
  5. 在JUnit中处理异常的3种方法。 选择哪一个?
  6. Idea Intellij 常用快捷键
  7. 【电脑帮助】解决Wind10系统桌面没有“我的电脑”图标的问题
  8. python版本管理工具_Python版本管理工具与虚拟环境的介绍
  9. 【Qt学习笔记】10.主窗口 The Main Window
  10. 测试用例(分析法——详细场景法)
  11. ElasticSearch(6.3.0)的配置和使用全过程
  12. 【CSS】CSS 层叠样式表 ② ( CSS 引入方式 - 内嵌样式 )
  13. 为什么近几年一直在说互联网进入了下半场?
  14. oracle创建同义词授权,Oracle同义词赋权
  15. 复化梯形c语言计算定积分,第六章 函数和宏定义实验(2)
  16. RuntimeError: Failed to init API, possibly an invalid tessdata path: C:\User
  17. Idhttp get baidu 错误 connection closed Gracefully
  18. 实时渲染的三种渲染方法介绍
  19. MMC5603地磁传感器调试日志
  20. GPS 校验和 代码_浙江国产安全阀校验台批发价-欧迪美特ODMT

热门文章

  1. 转之农民伯伯 IHttpHandler中使用Session实现原理[ASP.NET | IHttpHandler |IRequiresSessionState]...
  2. 51CTO博客2.0 答疑QA文档【2017.12.04更新】
  3. 哪位明星会是你心目中的“旗袍”代言人?
  4. python京东自动签到_京东商城自动签到领京豆
  5. [操作系统] 银行家算法
  6. 天然奥兹克蜡的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
  7. BottleNeck 瓶颈层
  8. Android-Studio Gradle Build Flavor 使用小结
  9. openstack-nova源码分析(五)flavor extra_specs 扩展属性
  10. 基于JAVA动物园管理系统计算机毕业设计源码+系统+lw文档+部署