Jquery练习题2
单选：
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、页面中有三个元素，如下：
p标签
，如果这三个标签要触发同一个事件，那么正确的写法是（A）。A：$("div,span,p").click(function(){ //…});
B：$("div || span || p").click(function(){ //…});
C：$("div + span + p").click(function(){ //…});
D：$("div ~ span ~ p").click(function(){ //…});
6、页面中有一个select标签，代码如下：
，要使“选项四”选中的正确写法。（B）
A：$("#sel").val("选项四");
B：$("#sel").val("4");
C：$("#sel > option:eq(4)").checked;
D：$("#sel option:eq(4)").attr("selected");
7、页面中有一个性别单选按钮，请设置”男”为选中状态。代码如下： 男
女正确的是（D）
A：$("sex[0]").attr("checked",true);
B：$("#sex[0]").attr("checked",true);
C：$("[name=sex]:radio").attr("checked",true);
D：$(":radio[name=sex]:eq(0)").attr("checked",true);
8、在页面中有一个ul元素，代码如下：
- 苹果
- 橘子
- 菠萝
A：var $li = $("
B：$("ul").append($("
D：以上说法都不对
9、页面有一个
元素，动态设置该元素的值。正确的选项是。（A）
A：$("#name").val("动态设值");
B：$("#name").text("动态设值");
C：$("#name").html("动态设值");
D：$("#name").value("动态设值");
10、下面说法不正确的是（A）
A：$(":hidden")选取的type类型是hidden的不可见元素。B：$("div >span")选取
C：$("div :first")选取所有
D：$("input:gt(1)")选取索引值大于1的元素。
11、下面说法不正确的是（D）
A ：$("input:checked")选取所有被选中的元素
B ：$("#form:disabled")选取id为form的表单内的所有不可用元素
C ：$("#name").is(":visible")是判断id为name的元素的可见性
D ：$("div ").addClass("background","url(img/up.gif) ")是设置样式的
12、如果需要匹配包含文本的元素，用下面哪种来实现（B）
A：text() B：contains()
C：input() D：attr(name)
13、下面不属于Jquery的ajax全局事件的是（C）
A：ajaxComplete(callback) B：ajaxSuccess(callback)
C：$.post(url) D：ajaxSend(callback)
14、在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪
一个是正确的（C）
A：delete() B：empty()
C：remove() D：removeAll()
15、在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的（B）
A：nextAll([expr]) B：siblings([expr])
C：next() D：find([expr])
16、下面选项中哪一个是和$("#foo")等价的写法。（D）
A：$("foo#") B：$(#"foo")
C：$ ("foo") D：jQuery("#foo")
多选：
1、获取
A: $("#content").val(); B: $("#content").html();
C: $("#content").text(); D: $("#content").innerHTML();
2、案例代码如下
请用jquery选择器选取username文本框输入值的内容：（ABCD）
A: $("#username").val();
B: $("input")[0].value;
C: $("input[name=username]").val();
D: $(":input[name=username]").val();
3、案例代码如下：
请选取文本是"大字体"的div对象。（ACD）
A：$("div.big"); B：$("div .big");
C：$("div:contains('大字体')"); D：$("form > div.big");
填空：
1、假设页面有
I would like to say:
一个元素，当执行$("p").append("Hello");时，页面代码会动态加载为I would like to say: Hello
。当执行$("p").affter("Hello");时, 页面代码会动态加载为I would like to say:
Hello 。2、请写出页面元素的动态显示和隐藏操作代码。
假设页面有查看按钮，要控制查看按钮的可见性：，设置按钮不可见：
$("#query").hide(); 或者$("#query").css("display","none"); 设置按钮可见：$("#query").show();或者$("#query").css("display","block");
3、执行下面代码：
$(document).ready(function(){
var array =['墨家','墨子'];
var str = "[";
$.each( array, function(parm1,parm2){
str += "{parm1: " + parm1 + "," + "parm2: " + parm2 + "},";
});
str = str.substring(0, str.length - 1) + "]";
alert(str);
});
请写出打印结果：[{parm1:0,parm2: '墨家'},{parm1:1,parm2: '墨子'}] 4、执行下面代码：
$(document).ready(function(){
var result = $.extend({},{name:"Tom",age:21},{sex:"boy",age: 27, email:"ydw@https://www.360docs.net/doc/2718646593.html,"}); alert(result);
});
写出result结构：{name:'Tom',age:27,sex:'boy',email:'ydw@https://www.360docs.net/doc/2718646593.html,'}
超完整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)）
前端经典面试题——Angular、主流框架和服务器相关问题
前端经典面试题——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 区别？
jQuery选择器
$的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名"),如$(".test")是选取了所有class为test的标签节点 上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt 等等. 2.组选择器: 下面还是现做一个约定:把"标签名或#id名或.class名"记作mix,则mix表示一个标签名,或一个#id或一个.class. $("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3") 3.后代选择器: $("mix mix"),当然可以是多个嵌套,但后代选择器可以是深层子代,所以$("mix mix mix ...")这种写法作用不大.例子:$("div .test"):在div标签内的所有具有test的class的后代元素(就是被div嵌套的class属性为test 的标签) 可以见DEMO。 4.子选择器: $("mix>mix"),这个放在后代选择器后面是为了和它做对比.子选择器只能选择第一代子代.不处理深层嵌套.例子: $("div>.test")
在$("div + #test")中能取到p段落节点
则不能取到 6.属性选择器: 把属性选择器不放在css选择器里面是因为jQuery中写法是不一样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath类似的写法: $("mix[@attr]"):选取所有该mix且具有attr属性的节点 $("mix[@attr=a_value"]):选取所有该mix且具有attr属性并满足属性值为a_value的节点 $("mix[@attr^=a_value_head"]):attr属性的属性值是以a_value_head开头的 $("mix[@attr$=a_value_end"]):attr属性的属性值是以a_value_end结尾的 $("mix[@attr*=a_value"]):attr属性的属性值中包含a_value 7.进一步选择器:
2020年jQuery期末考试试题与答案附解析
2020年jQuery期末考试试题与答案单选题 1、 关于jQuery中show方法下列说法正确的是（） 1分 ?A、show方法如果不传入参数，则按照400ms的动画事件让元素显示出来 ?B、show方法可传入回调函数，回调函数在动画执行之前执行 ?C、show方法传入数值3作为参数，其默认为在3秒中完成动画 ?D、show方法的参数可以传入字符串来指定动画完成时间 参考答案: D 答案说明: show方法参数按照顺序，分别为"speed"、"easing"、"fn"，代表动画速度、切换效果、回调函数 2、 关于get方法的回调函数的执行时机，下列方法说法正确的是（） 1分 ?A、在请求发出的时候执行 ?B、在请求出错误的时候执行 ?C、在请求完成的时候执行 ?D、在请求成功的时候执行 参考答案:
D 答案说明: 暂无描述 3、 关于jQuery插件，下列说法错误的是（） 1分 ?A、jQuery插件在使用之前需要引入指定的插件文件和jQuery文件?B、jQuery插件能大大提高开发人员的开发效率 ?C、jQuery插件是在jQuery的基础上做功能和业务上的扩展?D、jQuery插件只需要引入插件文件，不需要引入jQuery文件参考答案: D 答案说明: jQuery插件在使用之前必须要首先引入jQuery文件 4、 jQuery所有版本下载地址（） 1分 ?A、https://www.360docs.net/doc/2718646593.html, ?B、https://https://www.360docs.net/doc/2718646593.html, ?C、https://https://www.360docs.net/doc/2718646593.html, ?D、https://https://www.360docs.net/doc/2718646593.html,
SCCE-G3-模拟笔试题2
1.在html页面上编写JavaScript代码时，应编写在（）标签中间。（选择一项） A.
Jquery测试题教学教材
J q u e r y测试题
1、HTML 代码: one
p class="myClass" span
p class="notMyClass" jQuery 代码: $("div,span,p.myClass") 结果:（ A ） A、[
p class="myClass" , span ] B、[
p class="myClass" ] C、[
p class="notMyClass" ] D、[