1. jQuery 库中的 $() 是什么？
$() 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。一旦你适应了，你会爱上它的简洁。$() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。这个问题我已经见过好几次被提及，尽管它非常基础，它经常被用来区分一个开发人员是否了解 jQuery。
2. 网页上有 5 个
另一个重要的 jQuery 问题是基于选择器的。jQuery 支持不同类型的选择器，例如 ID 选择器、class 选择器、标签选择器。鉴于这个问题没提到 ID 和class，你可以用标签选择器来选择所有的 div 元素。jQuery 代码：$("div")，这样会返回一个包含所有 5 个 div 标签的 jQuery 对象。
3. jQuery 里的 ID 选择器和 class 选择器有何不同？
如果你用过 CSS，你也许就知道 ID 选择器和 class 选择器之间的差异，jQuery 也同样如此。ID 选择器使用 ID 来选择元素，比如 #element1，而 class 选择器使用 CSS class 来选择元素。当你只需要选择一个元素时，使用 ID 选择器，而如果你想要选择一组具有相同 CSS class 的元素，就要用 class 选择器。在面试过程中，你有很大几率会被要求使用 ID 选择器和 class 选择器来写代码。下面的 jQuery 代码使用了 ID 选择器和 class 选择器：
正如你所见，从语法角度来说，ID 选择器和 class 选择器的另一个不同之处是，前者用字符”#”而后者用字符”.”。
4.如何在点击一个按钮时使用 jQuery 隐藏一个图片？
这是一个事件处理问题。jQuery为按钮点击之类的事件提供了很好的支持。你可以通过以下代码去隐藏一个通过ID或class定位到的图片。你需要知道如何为按钮设置事件并执行hide() 方法，代码如下所示：
5.$(document).ready() 是个什么函数？为什么要用它？
ready() 函数用于在文档进入ready状态时执行代码。当DOM 完全加载（例如HTML被完全解析DOM树构建完成时），jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器，jQuery帮你解决了跨浏览器的难题。需要进一步了解的用户可以点击 answer链接查看详细讨论。
6. JavaScript window.onload 事件和 jQuery ready 函数有何不同？
这个问答是紧接着上一个的。JavaScript window.onload 事件和jQuery ready 函数之间的主要区别是，前者除了要等待DOM 被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在window.onload 事件上的代码在执行时有明显的延迟。
另一方面，jQuery ready() 函数只需对DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。使用jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它，浏览器会按它们在HTML 页面里出现的顺序执行它们，相反对于onload 技术而言，只能在单一函数里使用。鉴于这个好处，用jQuery ready() 函数比用JavaScript window.onload 事件要更好些。
7. 如何找到所有 HTML select 标签的选中项？
这是面试里比较棘手的jQuery 问题之一。这是个基础的问题，但是别期望每个jQuery 初学者都知道它。你能用下面的jQuery 选择器获取所有具备
multiple=true 的
这段代码结合使用了属性选择器和:selected 选择器，结果只返回被选中的选项。你可按需修改它，比如用id 属性而不是name 属性来获取
8. jQuery 里的 each() 是什么函数？你是如何使用它的？
each() 函数就像是 Java 里的一个 Iterator，它允许你遍历一个元素集合。你可以传一个函数给 each() 方法，被调用的 jQuery 对象会在其每个元素上执行传入的函数。有时这个问题会紧接着上面一个问题，举个例子，如何在 alert 框里显示所有选中项。我们可以用上面的选择器代码找出所有选中项，然后我们在alert 框中用 each() 方法来一个个打印它们，代码如下：
其中 text() 方法返回选项的文本。
9. 你是如何将一个 HTML 元素添加到 DOM 树中的？
你可以用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树中。这是jQuery 提供的众多操控 DOM 的方法中的一个。你可以通过 appendTo() 方法在指定的 DOM 元素末尾添加一个现存的元素或者一个新的 HTML 元素。
10. 你能用 jQuery 代码选择所有在段落内部的超链接吗？
这是另一个关于选择器的 jQuery 面试题。就像其他问题那样，只需一行 jQuery 代码就能搞定。你可以使用下面这个 jQuery 代码片段来选择所有嵌套在段落（
标签）内部的超链接（标签）
11. $(this) 和 this 关键字在 jQuery 中有何不同？
这对于很多 jQuery 初学者来说是一个棘手的问题，其实是个简单的问题。$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用text() 获取文本，用val() 获取值等等。而 this 代表当前元素，它是JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。
12.你如何使用jQuery来提取一个HTML 标记的属性例如. 链接的href?
attr() 方法被用来提取任意一个HTML元素的一个属性的值. 你首先需要利用jQuery选择及选取到所有的链接或者一个特定的链接，然后你可以应用attr()方法来获得他们的href属性的值。下面的代码会找到页面中所有的链接并返回href值：
13. 你如何使用jQuery设置一个属性值?
前面这个问题之后额外的一个后续问题是，attr()方法和jQuery中的其它方法一样，能力不止一样. 如果你在调用attr()的同时带上一个值例如. attr(name, value), 这里name是属性的名称，value是属性的新值。
14. 你如何利用jQuery来向一个元素中添加和移除CSS类?
通过利用 addClass() 和 removeClass() 这两个 jQuery 方法。动态的改变元素的class属性可以很简单例如. 使用类“.active"来标记它们的未激活和激活状态，等等.
15. jQuery.get() 和jQuery.ajax() 方法之间的区别是什么?
ajax() 方法更强大，更具可配置性, 让你可以指定等待多久，以及如何处理错误。get() 方法是一个只获取一些数据的专门化方法。
16. jQuery 中的方法链是什么？使用方法链有什么好处？
方法链是对一个方法返回的结果调用另一个方法，这使得代码简洁明了，同时由于只对DOM 进行了一轮查找，性能方面更加出色。
17. 哪种方式更高效：document.getElementbyId("myId") 还是$("#myId")？
第一种，因为它直接调用了JavaScript 引擎。
前端经典面试题——Angular、主流框架和服务器相关问题 1、ng-app 是什么？ 答：ng-app 指令用于告诉AngularJS 应用当前这个元素是根元素.所有AngularJS 应用都必须要要一个根元素. HTML 文档中只允许有一个ng-app 指令，如果有多个ng-app 指令，则只有第一个会被使用. 2、说说MVC 和MVVM 分别是什么？ 答：MVC 全名是Controller 模型(model)－视图(view)－控制器(controller)的缩写，MVVM 是Model-View-ViewModel 的简写. 3、?g 是什么？ 答：-g 是-global 的简称，全局的意思. 4、自定义指令的类型（E，A，C，M）？ 答：元素（E）、属性（A）、类（C）、注释（M）. 5、$scope 和自定义指令里的scope 有啥区别？ 答：$scope 对象在AngularJS 中充当数据模型的作用，也就是一般MVC 框架中Model 得角色.但又不完全与通常意义上的数据模型一样，因为$scope 并不处理和操作数据，它只是建立了视图和HTML 之间的桥梁，让视图和Controller 之间可以友好的通讯. 自定义指令里的scope 表示指令的作用域，它有三个可选值：true、false、对象{} 6、Ionic 中的路由？ 答：Ionic 也是基于Angular 的，使用的是ui-router，
ui-router 的核心理念是将子视图集合抽象为一个状态机，导航意味着状态的切换，Ionic 之所以没有使用Angular 官方的ngRoute，是回ngRoute 缺少一些高级的特性，比如视图命名，视图嵌套. 7、filter？ 答：过滤器. 8、ng-bind？ 答：ng-bind 指令告诉AngularJS 使用给定的变量或表达式的值来替换HTML 元素的内容. 如果给定的变量或表达式修改了，指定替换的HTML 元素也会修改. 9、说一说link？ 答：link 中可以拿到scope 和controller，可以与scope 进行数据绑定，与其他指令进行通信. 10、为什么angular 不推荐使用dom 操作？ 答：Angular 倡导以测试驱动开发，在的service 或者controller 中出现了DOM 操作，那么也就意味着的测试是无法通过的 使用Angular 的其中一个好处是啥，那就是双向数据绑定，这样就能专注于处理业务逻辑，无需关系一堆堆的DOM 操作.如果在Angular 的代码中还到处充斥着各种DOM 操作，那为什么不直接使用jquery 去开发呢. 11、看过Angular 的源码吗，它是怎么实现双向数据绑定的？ 答：angular 对常用的dom 事件，xhr 事件等做了封装，在里面触发进入angular 的digest 流程. 在digest 流程里面，会从rootscope 开始遍历，检查所有的watcher. 12、ui-router 和ng-router 区别？
1.在html页面上编写JavaScript代码时，应编写在（）标签中间。（选择一项） A.
一、Jquery测试题 下面哪种不是jquery的选择器？(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数，下面哪个是正确的？(单选) jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements) 考点：jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的？(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点：jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法？(单选) A、each(callback) B、size() C、index(subject) D、index() 考点：jquery的核心函数之对象访问（D） jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点：jquery的核心函数之对象访问（length） jquery中$(this).get(0)的写法和__________是等价的。 考点：jquery的核心函数之对象访问（$(this)[0]） 7.有这样一个表单元素 ，想要找到这个hidden元素，下面哪个是正确的？(单选) A、visible B、hidden C、visible() D、hidden() 考点：jquery的选择器（B） 如果需要匹配包含文本的元素，用下面哪种来实现？(单选) A、text() B、contains() C、input() D、attr(name) 考点：jquery的选择器（B） 现有一个表格，如果想要匹配所有行数为偶数的，用________实现，奇数的用_______实现。 考点：jquery的选择器（even,odd） 如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单选) A、text() B、get() C、eq() D、contents（） 考点：jquery的选择器（C） 在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。考点：jquery的选择器（first,eq(1)）
校招面试心得体会 网上不少面试心得，面试成功或失败经验，还有各厂面试题整理，大家都看得乐此不疲。 我跟大家讲，对于99%人而言，这些校招面试心得看得再多也没用。 很多小单位，只要稍微正常点的，专业对口的，是个人都要，网上这些面试套路你看或不看差别不大;而像BAJT这样的厂子，你就算挤破头也是进不去的，如果你能进去，与所谓面试技巧关系并不大，而是你本身够硬，所谓面试技巧的作用就像是公主头上多插了根羽毛，锦上添花而已。 很多校招应届生，看这些大公司的招聘要求，发现麻鸭，我条条都符合，简直是为我量身定制的。这就好比杨超越的择偶标准是长得顺眼，会做家务。请问，是为你量身定制的吗? 互联网大厂的校招那就好比杨超越找男朋友，薪资高，福利好，比如开发岗位，年薪不可能少于20万，那可是千军万马过独木桥，多少人争，多少人抢，那么多应聘者，可能最终就招1~2个应届生，显然绝大多数人就都是炮灰。 我今年校招内推少说几百封简历，哪些人有可能进阅文，哪些人绝对没戏，看简历的时候就心里有数了。但是，通过简历识人会看走眼，因此，凡事有点希望的，都会给个
笔试面试机会，但，诸位千万不要以为有了面试机会脚已经跨进去一半了，说句不好听的，很多都是走个形式，最后大概率还是那几个过硬的简历中筛选跟阅文精气神比较契合的。 大家要想真正在面试中获得面试官的亲睐，我觉得更关键的要多去外面看看，而非表面的技巧或者抓紧这个把月学些知识应付面试。 大学虽说是个小社会，但不是社会，你身在这个弹丸圈子里，每天三点一线，眼界和认知会大大受限，关键是你自己完全意识不到自己受限，当面试的时候，你说的那些话，你所认为重要的东西，往往不是面试官所关心的，用句流行语讲就是who cares，加s。 拿我妹举例来说，她说她情商很高，适合做管理，因为大学自己开团带人玩游戏玩得挺好。站在她个人角度，逻辑完全走得通，毕竟在学校，管人带人要么协会社团，要么就是这种自己组个游戏团队，在学校这样一个眼界受限的小圈子里，自然就会觉得管理好像就这么回事，我做得挺好。 但是，如果真的在一个比较优秀的团队呆过，看过团队负责人工作日常，就会知道这管理团队很难也很辛苦，不仅负责项目管理与资源统筹，还要时刻关注员工心理，承上启下，压力很大。我想，究竟自己适不适合做管理，我妹会有更准确的认知。这认知一旦准确了，面试时说的话也会变得
1. jQuery 库中的 $() 是什么？ $() 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。一旦你适应了，你会爱上它的简洁。$() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。这个问题我已经见过好几次被提及，尽管它非常基础，它经常被用来区分一个开发人员是否了解 jQuery。 2. 网页上有 5 个
单选： 1、下面哪一种不属于Jquery的选择器。（D） A：基本选择器B：层次选择器 C：表单选择器D：节点选择器 2、使用jquery检查元素在网页上是否存在。（B） A：if($("#id")) { //do someing... } B: if($("#id").length > 0) { //do someing... } C: if($("#id").length() > 0) { //do someing... } D: if($("#id").size > 0) { //do someing... } 3、新闻,获取元素title的属性值。（C） A：$("a").attr("title").val(); B：$("#a").attr("title"); C：$("a").attr("title"); D：$("a").attr("title").value; 4、执行下面语句 $(document).ready(function(){ $("#click").click(function(){ alert("click one time"); }); $("#click").click(function(){ alert("click two time"); });
}); 单击按钮，这个会有什么效果。（C） A：弹出一次对话框，显示click one time 。 B：弹出一次对话框，显示click two time 。 C：弹出两次对话框，依次显示click one time，click two time。D：js编译错误。 5、页面中有三个元素，如下：
Web前端开发面试题 一、描述题（每题2分共20题） 1、简要的描述一下W3C组织的工作职责 答：W3C（万维网联盟）为解决Web应用中不同平台、技术和开发者带来的不兼容性，保障Web信息的顺利和完整流通，网页开发从此在结构、表现、行为上相分离。 2、目前常用的WEB标准静态语言是： 答：XHTML 3、内联元素有哪些？块级元素有哪些？CSS的盒模型有哪些属性？ 答：内联元素有a, span, img, input, select, strong等。块级元素有div, ul, ol, li, dl,dt,dd, h1,h2…,p。盒模型:margin, padding,width,height,border。 4、改变元素的外边距和内填充用什么？ 答：margin padding 5、对ul li的样式设成无，应该是用什么属性？ 答：list-style-type:none; 6、color:#666666;可缩写为什么? 答：color:#666; 7、合理的页面布局中常听说结构与表现分离，那么结构和表现分别指什么？ 答：结构为xhtml，表现为css 8、举例你在实践中遇到的IE6 bug，并谈谈解决方案 答：如浮动产生双倍边距，用display:inline解决 9、谈谈不同浏览器的css hack做法 答：所有浏览器通用：height:10px; IE6专用：_height:10px;IE6,IE7公用：*height:10px;IE7专用：*+height:10px;IE7,IE8,FF公用：height:10px !important; 10、CSS中哪些属性可以同父元素继承？ 答：color, font-size 11、你如何理解HTML结构的语意化？ 答：html本身是没有表现的，我们看到例如h1是粗体，字体大小2em,加粗；strong是加粗的，不要认为这是html，这些其实是html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML特点，但是浏览器都有默认的样式，默认的样式目的也是为了更好的表达html的语义，可以说浏览器的默认样式和HTML结构是不可分割的 12、谈谈对css模块化设计的看法？ 答：css模块化开发是css开发者们都会使用到的方法，它具有结构良好，扩展性强，重用性好等特点，同时有利于团队之间的合作。 13、谈谈对css sprite技术的看法 答：css sprite是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张图片中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一张一张的慢慢显示出来了，对于当前网络流行的速度不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题，加速的关键，不是降低重量，而是减少个数，传统的切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小计算机统一都按byte计算，客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，
对js,ext,jquey的总结 一：js面试题 1.js中到的String你是怎么理解的 答:String是js中唯一可以变长的长度到值,存储方式是以数组存储的一般组合alert使用 \n:是代表回车 \r是代表换行 2.写js代码的时候要注意的语法 答:1.区分大小写 2.变量类型是弱类型 var 3.注释 //单行注释 /** 多行注释 **/ 4.变量名要是字母下划线 $ 5.数据类型: * 原始数据类型(栈) boolean,null,undefind,number,String * 引用数据类型(堆)比如对象 3.强类型变量和弱类型变量到区别 1.强类型变量:编译前必须要声明----->基于java 2.弱类型变量:编译前不需要声明(使用前不需要声明 , 而是解释器在运行时检查数据类型)---->js 3.在js中function()表示什么? 可不可以重载? function的声明方式? 答: 1.可以表示为---> 类 , 对象 , 方法 , 构造器 2.不可以重载(当function()的名字相同--->后面到会覆盖前面到)
3.function()是所有函数到父类例如:function 函数名(参数列明){ } 4.js的特点 答: 1.脚本语言,基于对象 2.基于java的,基于语句和控制流之上简单而紧凑 3.动态的脚本语言 4.依赖于浏览器本身于操作环境无关 5.以字符串解析执行 5.给你一页面，要你写JS代码拿对象，得到它值，然后进行一些操作 答: 第一种方法是 document.getEelementById("标签里面到id属性").value; 第二种方法是 document.getEelementsByName("标签里面name属性 ").value; 第三种方法是直接用document点name里面到属性例 如:document.xxx.xxx.value 这样就可以拿到值 6.你是怎么理解js里面到this关键字 答:this是对当前对象的引用,在js中由于对象到引用是多层次的,为了避免乱(谁调用了它,它就会指向谁) 7.js里面的警告框和询问框确认框有什么作用 答: 1.警告框为了输出js调式用例:alert("我是用于js调式"); 2.询问框为了询问你通不通过例:提问 var number=prompt("你到分数") if(number>100){通过}else{没有通过} 3.确认框为了让你确认的例: 确认 var name = confirm("js菜鸟") if(name==true){彼此彼此}else{你才是菜鸟} 8.js是的组成分为哪三部分 答:核心(Ecmscript) , 文档对象模型 , 浏览器对象模型 9.在js里面跳转一个页面用什么方法
jQuery面试题答案 一、Jquery测试题 下面哪种不是jquery的选择器？(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数，下面哪个是正确的？(单选) jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 考点：jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的？(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点：jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法？(单选) A、each(callback) B、size() C、index(subject) D、index() 考点：jquery的核心函数之对象访问（D） jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点：jquery的核心函数之对象访问（length） jquery中$(this).get(0)的写法和__________是等价的。 考点：jquery的核心函数之对象访问（$(this)[0]） 7. 有这样一个表单元素 ，想要找到这个hidden元素，下面哪个是正确的？(单选) A、visible B、hidden C、visible() D、hidden() 考点：jquery的选择器（B） 如果需要匹配包含文本的元素，用下面哪种来实现？(单选) A、text() B、contains() C、input() D、attr(name) 考点：jquery的选择器（B） 现有一个表格，如果想要匹配所有行数为偶数的，用________实现，奇数的用_______实现。 考点：jquery的选择器（even,odd） 如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单选) A、text() B、get() C、eq() D、contents（） 考点：jquery的选择器（C） 在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。 考点：jquery的选择器（first,eq(1)）
综合面试题（1-80题） 1、写出6个java 常用的包 答：（1）https://www.doczj.com/doc/1711505171.html,ng包（2）java.util包（3）java.io包 （4）java.awt包(5)javax.swing包（6）https://www.doczj.com/doc/1711505171.html,包 2、写出java 类的super 和this 区别 答：super表示超（父）类的意思，this代表对象本身。 3、写出tomcat默认端口号，以及修改 答：在server.xml的修改 } } } //输出 for(int k=0;k 1.WEB标准以及W3C标准是什么 标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。 中img怎么水平和垂直居中 Div{width:200px; height:200px;text-align:center; font-size:0; overflow: hidden;line-height:200px; _line-height:178px;/*兼容IE6*/ } Img{ vertical-align:middle;} HTML中没有单位的属性是 z-index:1; zoom:1; font-weight:200; form表单中input标签的readonly 和disabled属性有何区别 readonly=“readonly”是只读，不可以修改，disabled=“disabled”是禁用，整个文本框是显示灰色状态 form 中method是数据传递的方式，action是与后台数据库提交的 2.xhtml和html有什么区别 XHTML 元素必须被正确地嵌套，闭合，区分大小写，文档必须拥有根元素。 3.行内元素有哪些块级元素有哪些 行内元素: a b img em br i span input select 块级元素：div p h1-h6 form ul dl ol table 4.行内元素和块级元素有什么区别 行内元素不可以设置宽高，不独占一行; 块级元素可以设置宽高，独占一行。 5.我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗 margin-top,padding-top无效 的盒模型由什么组成 内容（width,height），border ,margin，padding 简述div+css布局的优势 （1）符合w3c标准；（2）兼容性好；（3）有利于搜索引擎很友好；（4）样式的调整更加方便；（5）css简洁的代码，能使样式和结构分离； 7.说说display属性有哪些可以做什么 display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素 display:box(css3新增的弹性布局属性) 选择符有哪些 选择器（# myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul < li） 6.后代选择器（li a） JAVA面试试题集 1. 在公司是怎么用jQuery的？ 基本选择器：1 基本选择器。 #id：id选择器。 .class：类选择器. 标签选择器：根据指定的元素名匹配元素。 群主选择器:将每一个匹配的元素合并并返回,以分号隔开。 *：通配符选择器，匹配所有的元素。 2 层次选择器 空格：选取指定元素的后代元素。 >：选取指定下的所有子元素。 +：选取紧接着的兄弟元素。 ~：选取元素后的所有兄弟元素。 3 滤选择器：基本过滤选择器，内容过滤选择器，可见性选择器，属性选择器，子元素选择器等。 动画效果：在登陆页面时使用过fadeIn()和fadeOut()方法修改元素的不透明度。 hide和show：同时修改多个样式属性即高度，宽度和不透明度。 fadeIn()与fadeOut()：只改变不透明度。 slideUp()和slideDown()：只改变高度。 fadeTo()：用来代替fadeIn()与fadeOut()方法，只改变不透明度。 toggle()：用来代替hide()和show()方法，所以会同时修改多个样式属性即高度，宽度和不透明度。 slideToggle()：用来代替slideUp()和slideDown()方法，所以只改变高度。 animate()：属于自定义动画的方法，可以代替其他任何动画。 stop()：停止动画。 合成事件：使用过鼠标悬停事件，到鼠标移至某个地方时就触发指定功能。 bind()：为匹配的元素绑定一个事件处理器。 hover：模拟光标悬停事件，当光标移动到元素上是就触发第一个函数，相反就触发第二个函数。 toggle：模拟鼠标连续点击事件，第一次点击调用第一个方法，第二次单击调用第二个方法，依次类推， 直到调到最后一个，随后轮番调用。 unbind()：移除事件。 one()：在执行完一次以后，处理函数立即被删除。 2. 为什么要使用jquery？ 因为jQuery是轻量级的框架，大小不到30kb,它有强大的选择器，出色的DOM操作的封装，有可靠的事件处理机制， 完善的ajax，出色的浏览器的兼容性，而且支持链式操作，隐式迭代，行为层和结构层的分离，还支持丰富的插件， jquery的文档也非常的丰富。 3. 你觉得jquery有哪些好处？ 轻量级的框架，强大的选择器，出色的DOM封装，可靠的事件处理机制，完善的Ajax，出 选择题（针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。1-50题，每题2分） 1）在Oracle中，假设需要从学员表（student）中查询学员的毕业时间（graduatetime）并按照年/月/日的格式输出，则以下SQL语句正确的是（）。(选择一项) a)SELECT EXTRACT(Y FROM s.graduatetime)||'/'|| EXTRACT(M FROM s.graduatetime)||'/'|| EXTRACT(D FROM s.graduatetime) FROM students; b)SELECT EXTRACT(YEAR s.graduatetime)||'/'|| EXTRACT(MONTH s.graduatetime)||'/'|| EXTRACT(DAY s.graduatetime) FROM students; c)SELECTEXTRACT(YEAR FROM s.graduatetime)||'/'|| EXTRACT(MONTH FROM s.graduatetime)||'/'|| EXTRACT(DAY FROM s.graduatetime) FROM students; d)SELECT EXTRACT(YEAR(s.graduatetime))||'/'|| EXTRACT(MONTH(s.graduatetime))||'/'|| EXTRACT((DAYFROMs.graduatetime)) FROM students; 2）在Linux系统中，（）命令可以用来分页查看文件的内容。(选择二项) a)more b)less c)cat d)tailf 3）查询新闻明细表（news_detail），要求在新闻列表页面展现新闻数据，每页显示5条数据（pageSize=5），前台提供参数：页码（pageNo），请补全下面分页sql语 句（）。注：mysql数据库 SELECT*FROMnews_detail ORDERBYcreateDateDESC______(1)_______(选择一项) a)LIMIT pageNo,pageSize b)LIMIT(pageNo-1),pageSize c)LIMIT(pageNo-1)*pageSize,pageSize d)LIMIT pageSize,(pageNo-1)*pageSize 4）在CSS中，关于背景属性的合写，下列代码正确的是（）。(选择一项) 1.下面哪种不是jquery的选择器？(D) 2.A、基本选择器B、后代选择器C、类选择器D、进一步选择器 3.当DOM加载完成后要执行的函数，下面哪个是正确的？(C) 4.A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 5.下面哪一个是用来追加到指定元素的末尾的？() 6.A、insertAfter() B、append() C、appendTo() D、after() 7.下面哪一个不是jquery对象访问的方法？(D) 8.A、each(callback) B、size() C、index(subject) D、index() 9.有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(B) 10.A、visible B、hidden C、visible() D、hidden() 11.如果需要匹配包含文本的元素，用下面哪种来实现？(B) 12.A、text() B、contains() C、input() D、attr(name) 13.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(C) 14.A、text() B、get() C、eq() D、contents（） 15.下面哪种不属于jquery的筛选？（B） 16.A、过滤B、自动C、查找D、串联 17.如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（D） 18.A、append(content) B、appendTo(content) C、 问答题 1、HTML 中的table 元素有2 种布局(table-layout)算法，请给出默认值。并详细说明为什 么fixed 布局要比auto 快？ 编程题 1、版本排序 题目描述：去哪儿前端技术团队一直很富有创新性，经常为了解决实际工作的一些痛点，自主开发一些工具，来解决这些问题。这样，工具的版本就成为了很重要的一个点，开发者如何提供正确版本，使用者如何获取正确版本，都是十分重要的。因此，版本都会遵循业界统一的规范---SemVer。常规版本规则如下： (1) 版本格式：主版本号.次版本号.修订号，例如1.2.3，版本的三个位数都必须存在，并且为0 到999 之间的整数。 (2) 主版本号：当你做了不兼容的功能修改 (3) 次版本号：当你做了向下兼容的功能性新增 (4) 修订号：当你做了向下兼容的问题修正 当然，使用者不一定会指定版本号，可能使用通配符（例如***）未自动获取满足条件的最新版本。（在本题中，只考虑这种情况表示匹配任意版本例如2.2.*，可以匹配所有 2.2.1，2.2.2 等；） 现在会给出一个版本列表，并给出使用者的匹配规则，找出符合版本规则而且满足条件的最新版本，并输出，如果没有找到相应结果，则输出0. 输入 输入第一行是一个整数N，之下N(0 2.1.8 2.1.0 2.1.* 样例输出 2.1.8 2、在去哪儿，前端工程师，在日常工作中，经常会使用到模版引擎，比较常用的有jQuery Template、artTemplate、Mustache 等。现在要求你实现一个简单的类似于 Mustache 的模版引擎，根据传入的模版字符串和数据，替换模版字符串中的标签，输出 出对应的HTML 片段。 需要支持的模版标签有： （1）{{keyName}}：输出对象中属性名为keyName 的值。需要支持多级属性，比如{{https://www.doczj.com/doc/1711505171.html,2}}; (2) {{keyName}}content{{/keyName}}：keyName 对应的值为“真”时，输出content，为 “假”时不输出 (3) {{#arr}}content{{/arr}}：arr 对应的值为“假“时，输出content 为“真”时不输出； (4) {{.}}表示数组遍历中当前的元素（可以只考虑基本数据类型）。 (5) {{^keyName}}content{{/keyName}}：keyName 对应的值为“假”时，输出content，为 “真”时不输出； 注意：如果给定的数据中，没有对应的属性字段，标签替换为空。 输入： 第一行出入模版字符串（长度不超过1000），字符串中可以包含模版标签，也可以不包括标签。 第二行输入需要渲染的数据（JSON 字符串，长度不超过1000）。 输出： 输出对应的HTML 的片段。 代码输入： 单项选择题（每题2分，共60分） 1.在Ajax技术中，实现控件CollapsiblePanel 垂直显示、失去焦点时自动折叠，需要依次设置（A）。 A、ExpandDirection、AutoCollapse B、ExpandDirection、Collapsed C、CollapsedSize、Collapsed D、ExpandDirection、AutoExpand 2.以下( D )技术不是Ajax的常用技术。 A、JavaScript B、XML C、CSS D、Cache 3.以下选项中（D ）不是https://www.doczj.com/doc/1711505171.html, AJAX框架的组成部分。 A、AJAX ControlToolkit工具包 B、AJAX TCP增强组件 C、AJAX Library类库 D、Web Service https://www.doczj.com/doc/1711505171.html,中AJAX框架技术的Accordion控件的（A ）属性用来设置菜单标题样式。 A、HeaderCssClass B、ContentCssClass。 C、HeaderTemplate D、ContentTemplate 5.在jQuery中，关于数据缓存描述错误的是（D）。 A、data()方法有两个参数，第一个是键值，第二个是设置的值。 B、获取缓存数据采用data()方法，它的参数是设置的键值。 C、removeData()，移除存放的数据。 D、缓存数据是存储在Cookies中的 6.在jQuery中，$("div>ul>li:last").text()的值是（B）。 web前端面试题及答案
JQuery面试题
JAVAWEB综合笔试题
jquery考试题
互联网大公司面试笔试题前端
Welcome Qunar-Man
最新AJAX笔试题
c
A、a B、b C、c D、"" https://www.doczj.com/doc/1711505171.html,中AJAX框架技术的CollapsiblePanel控件用于实现（C ）效果。 A、弹出模式窗口
WEB面试题 1、当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载：（） A、ASP B、HTML C、ZIP D、CGI 2、常用的网页图像格式有：（） A、gif，tiff B、tiff，jpg C、gif，jpg D、tiff，png 3、下列哪一项表示的不是按钮：（） A、type=＂submit＂ B、type=＂reset＂ C、type=＂image＂ D、type=＂button＂ 4、下列哪一项是在新窗口中打开网页文档：（） A、_self B、_blank C、_top D、_parent 5、下面关于DIV和SPAN标记的描述，错误的是( ) A、DIV默认情况下是块模式，即标记前后有类似换行符一样的功能； B、SPAN默认情况下是行模式，即标记前后内容在同行显示； C、DIV和SPAN标记行块模式，可以通过CSS的Display属性予以调整； D、前后两个DIV标记块的内容，不能出现在同一行； 6、下面关于CSS的描述，错误的是( ) A、CSS内容可以写在标记内的Style属性中，也可以写在一个外部的CSS 文件中； B、CSS内容前后有化括弧({})，每个属性之间用分号分隔，属性与属性值之 间用冒号隔开； C、在jQuery中，可以对选中标记进行一个或者多个属性及属性值的设置； D、对于某ID属性对应的标记进行CSS定义时，对同一个CSS属性进行了两 次设置，将以第一次定义为准，系统将自动忽略其后相同定义； 7、下面关于IMG标记的描述，错误的是( ) A、IMG标记的src属性用于确定图片的位置； B、IMG标记src属性所标记的图片，可以来自网页所在位置或相对该位置的 其他位置； C、IMG标记的src属性不能引用其他其他网址的图片； D、如果网页中应用了IMG且其src属性书写正确，图片也确实存在，则将 网页拷贝到其他位置时，其图片也将自动复制到该位置； 8、下面关于JavasSript的描述，错误的是( ) A、目前几乎所有浏览器都默认支持JavaScript程序； B、通过浏览器设置，可以禁止JavaScript程序的运行； C、在网页中使用JavaScript程序，仅能在Script标记对间； D、JavaScript程序可以保存在一个独立的文件中，通过Script标记的Src 属性引用该文件；
1) 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度
a. display:inline b. display:none c. display:block d. display:inherit
2) css 属性 overflow 属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都 会提供一种滚动机制。
True False 3) 新窗口打开网页，用到以下哪个值（）。
a. _self b. _blank c. _top d. _parent 4) 下面有关 jquery 事件的响应，描述错误的是？ a. b. c. d. onclick 鼠标点击某个对象 onfocus 元素失去焦点 onload 是某个页面的 css js html 文档结构和图像被完成加载 onmousedown 某个鼠标按键被按下
5)
元素的 alt 和 title 有什么异同，选出正确的说法？不同的浏览器，表现一样
a. alt 和 title 同时设置的时候，alt 作为图片的替代文字出现，title 是图片的解释文字 b. alt 和 title 同时设置的时候，title 作为图片的替代文字出现，alt 是图片的解释文字 c. 以上说法都不正确
6) 下列 js 可以让一个 input 的背景颜色变成红色的是？
A. inputElement.style.backgroundColor = 'red'; b. inputElement.backgroundColor = 'red'; c. inputElement.style.backgroundColor = '#0000'; d. inputElement.backgroundColor = '#0000';
