JQuery练习题

jquery测试题以及答案

1.下面哪种说法是正确的？ 您的回答：jQuery是JavaScript库 2.jQuery使用CSS选择器来选取元素？ 您的回答：正确 3.jQuery的简写是？ 您的回答：$符号 4.通过jQuery，选择器$("div")选取什么元素？ 正确答案：所有div元素 5.jQuery是客户端脚本库，还是服务器端脚本库？ 您的回答：客户端脚本 6.可以将jQuery与AJAX一起使用吗？ 您的回答：Yes 7.jQuery html()方法适用于HTML和XML文档。 您的回答：错误 8.把所有p元素的背景色设置为红色的正确jQuery代码是？您的回答：$("p").css("background-color","red"); 9.通过jQuery，$("div.intro")能够选取的元素是？ 正确答案：class="intro"的所有div元素 10.下面哪个jQuery方法用于隐藏被选元素？ 您的回答：hide()

11.下面哪种jQuery方法用于设置被选元素的一个或多个样式属性？正确答案：css() 12.下面哪个jQuery方法用于执行异步HTTP请求？ 您的回答：jQuery.ajax() 13.将所有div元素的高度设置为100像素的正确jQuery代码是？您的回答：$("div").height(100) 14.下面哪句话是正确的？ 正确答案：如需使用jQuery，您能够引用Google的jQuery库 15.jQuery是通过哪种脚本语言编写的？ 您的回答：JavaScript 16.下面哪个jQuery函数用于在文档结束加载之前阻止代码运行？ 正确答案：$(document).ready() 17.哪个jQuery方法用于处理命名冲突？ 正确答案：noConflict() 18.哪个jQuery方法用于添加或删除被选元素的一个或多个类？ 正确答案：toggleClass() 19.$("div#intro .head")选择器选取哪些元素？ 正确答案：id="intro"的首个div元素中的class="head"的所有元素 20.jQuery是W3C标准吗？ 正确答案：No

jQuery获取Select选择的Text和 Value

一、jQuery获取Select选择的Text和Value:语法解释： 1.$("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2.varcheckText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3.varcheckValue=$("#select_id").val(); //获取Select选择的Value 4.varcheckIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5.varmaxIndex=$("#select_idoption:last").attr("index"); //获取Select最大的索引值 二、jQuery设置Select选择的Text和Value:语法解释： 1.$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2.$("#select_id ").val(4); // 设置Select的Value值为4的项选中 3.$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 三、jQuery添加/删除Select的Option项：语法解释： 1.$("#select_id").append("Text"); //为Select追加一个Option(下拉项) 2.$("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置) 3.$("#select_idoption:last").remove(); //删除Select中索引值最大Option(最后一个) 4.$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5.$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 6.$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 四、获取值 1.jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项 的值var item = $('input[@name=items][@checked]').val(); 2.获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text(); 3.select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1; 4.radio单选组的第二个元素为当前选中值:$('input[@name=items]').get(1).checked = true; 5.文本框，文本区域：$("#txt").attr("value")； 6.多选框checkbox：$("#checkbox_id").attr("value")； 7.单选组radio：$("input[@type=radio][@checked]").val(); 8.下拉框select：$('#sel').val(); 五、控制表单元素： 1.文本框，文本区域：$("#txt").attr("value",'');//清空内容 2.$("#txt").attr("value",'11');//填充内容 3.多选框checkbox：$("#chk1").attr("checked",'');//不打勾 4.$("#chk2").attr("checked",true);//打勾 5.if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 6.单选组radio：$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 7.下拉框select：$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 8.$("11112222").appendTo("#sel")//添加下拉框的option 9.$("#sel").empty()；//清空下拉框 10.//遍历option和添加、移除option functionchangeShipMethod(shipping){ varlen = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("UPS Ground").appendTo($("select[@name=ISHIPTYPE]")); } } //取得下拉選單的選取值 $(#testSelectoption:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); 六、下拉框: 1.var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格) 2.var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值 3.var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值 4.$("#select").empty();//清空下拉框//$("#select").html(''); 5.$("1111").appendTo("#select")//添加下拉框的option 稍微解释: 1.select[@name='country'] option[@selected] 表示具有name 属性，并且该属性值为'country' 的select元素里面的具有selected 属 性的option 元素；可以看出有@开头的就表示后面跟的是属性。 2.单选框:

jquery考试题(2020年九月整理).doc

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、

jquery考试题

1.下面哪种不是jquery的选择器(D) 2.A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 3.当DOM加载完成后要执行的函数，下面哪个是正确的(C) 4.(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、

MVC,DOM及jQUERY考试题库

1.下面关于https://www.wendangku.net/doc/a716991692.html,和三层架构的描述正确的是（a ）。 A、https://www.wendangku.net/doc/a716991692.html, MVC相当于三层中的表现层 B、https://www.wendangku.net/doc/a716991692.html, MVC和三层不能结合使用 C、https://www.wendangku.net/doc/a716991692.html, MVC相当于三层中的数据访问层 D、https://www.wendangku.net/doc/a716991692.html, MVC相当于三层中的业务逻辑层 2.让控件不可见的属性是以下哪一个（ d ）。 A. Cursor B. Enabled C. Dock D. Visible 3.下面关于cookie描述错误的是哪个( d )。 A、Cookie是一小段文本 B、Cookie可以禁用Cookie C、用户可以自己删除网站的Cookie D、Cookie永远不会销毁 4.下面对MVC模式描述错误的是( d )。 A、强制性的使应用程序的输入，处理和输出分开 B、M和V实现了代码分离，从而是同一个应用程序可以使用不同的表现形式 C、C存在的目的是确保M和V同步 D、MVC三个组件没有什么关系 5.关于类成员访问控制权限正确的是（a ） A、public能被所有类访问 B、protected能被所有类访问 C、private 能被同一文件中的其它类访问 D、internal能被所有类访问 6.如果在配置文件中禁用了Session，Session会在哪里显示（b ）。 A、Cookie B、地址栏中 C、隐藏控件 D、不会显示 7.下面关于抽象方法描述正确的是（ b ）。 A、可以有方法体 B、不能方法体 C、可以出现在非抽象类中 D、抽象类中的方法都是抽象方法 8.关于多态的说法正确的是( a )。 A、虚方法可以实现多态 B、多态就是一个父类可以有多个子类 C、多态与程序的扩展性无关 D、多态不是面向对象的特点 9.下列说法哪个正确( b )。 A、允许一个子类有多个父类 B、某个类是一个类的子类，它仍有可能 成为另一个类的父类 C、一个父类只能有一个子类 D、继承关系最多不能超过4层 10.下面关于缓存的描述正确的是( c )。 A、建议再缓存中放置大量数据 B、在数据改变后缓存无法及时更新 C、可以定时更新缓存 D、缓存不可以和外部文件建立关联 11.关于Jquery和事件链接的说法错误的是( c )。 A、Jquery支持事件链接 B、Jquery只支持两级事件链接 C、Jquery不支持事件链接 D、事件链接可以简化我们的代码 12.Jquery的基本功能不包括（d ） A、访问和操作DOM元素 B、控制页面样式 C、内置大量动画效果 D、具有强大的图标能力 13.选择器“$('#but')”是根据( b )匹配元素的。 A、元素名称 B、元素Id

jQuery选择器的工作原理和优化

jQuery选择器的工作原理和优化 至于有那些选择器，在帮助手册中都有，自己去看，这篇主要是分析他的工作原理，而优化我们写的选择器，尤其在页面内容很多的情况下，更应该需要优化。下边就言归正传。 每次申明一个jQuery对象的时候，返回的是 jQuery.prototype.init 对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同，这里就不讲原因了，等下一篇再讲为什么会是这样。 当我们使用选择器的时候$(selector,content)，就会执行 init(selectot,content)，我们看看inti中是怎样执行的： if ( typeof selector == "string" ) { //正则匹配，看是不是HTML代码或者是#id var match = quickExpr.exec( selector );

//没有作为待查找的 DOM 元素集、文档或 jQuery 对象。 //selector是#id的形式 if ( match && (match[1] || !context) ) { // HANDLE: $(html) -> $(array) //HTML代码,调用clean补全HTML 代码 if ( match[1] ){ selector = jQuery.clean( [ match[1] ], context ); } // 是: $("#id") else {

JQuery基础、选择器

jQuery入门 什么是jQuery jQuery是一个JavaScript库，通过封装原生的JavaScript函数得到一整套定义好的方法。它是JohnResig于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。以最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 主旨：以更少的代码、实现更多的功能（write less ,do more!） 官网：https://www.wendangku.net/doc/a716991692.html,/ jQuery的功能和优势 jQuery作为JavaScript封装的库，它的目的就是为了简化开发者使用JavaScript。主要功能有以下几点： 像CSS那样访问和操作DOM； 修改CSS控制页面外观； 简化JavaScript代码操作； 事件处理更加容易； 各种动画效果使用方便； 让Ajax技术更加完美； 基于jQuery大量插件； 自行扩展功能插件。 jQuery最大的优势，就是特别的方便。比如模仿CSS获取DOM，比原生的JavaScript

要方便太多。并且在多个CSS设置上的集中处理非常舒服，而最常用的CSS功能又封装到单独的方法。 最重要的是jQuery的代码兼容性非常好，你不需要总是头疼着考虑不同浏览器的兼容问题。 其他JavaScript库 目前除了jQuery，还有5个JS库较为流行，他们分别是YUI、Prototype、Mootools、Dojo和ExtJS。 YUI，是雅虎公司开发的一套完备的、扩展性良好的富交互网页工具集。 Prototype，是最早成型的JavaScript库之一，对JavaScript内置对象做了大量的扩展。 Dojo，Dojo强大之处在于提供了其他库没有的功能。离线存储、图标组件等等。 Mootools，轻量、简洁、模块化和面向对象的JavaScript框架。 ExtJS，简称Ext，原本是对YUI的一个扩展，主要创建前端用户界面。(付费的) jQuery代码的编写 配置jQuery环境 1、获取jQuery最新版本 从官网下载：https://www.wendangku.net/doc/a716991692.html,/ 3、jQuery环境配置 jQuery不需要安装，把下载的jQuery.js放到网站上的一个公共位置，想要在某个页面上使用jQuery时，只需在该HTML文档中引入该库文件即可。 4、在页面中引入jQuery 由于jQuery是JavaScript的一个库文件，也就是jQuery本质是一个.js文件，所以使用引入。 简单的jQuery示例

jquery考试题

1.下面哪种不是j q u e r y的选择器？(D) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 2.当D O M加载完成后要执行的函数，下面哪个是正确的？(C) A.j Q u e r y(e x p r e s s i o n,[c o n t e x t]) B、j Q u e r y(h t m l,[o w n e r D o c u m e n t]) C、j Q u e r y(c a l l b a c k) D、j Q u e r y(e l e m e n t s) 3.下面哪一个是用来追加到指定元素的末尾的？() A、i n s e r t A f t e r() B、a p p e n d() C、 a p p e n d T o()D、a f t e r() 4.下面哪一个不是j q u e r y对象访问的方法？(D) A、e a c h(c a l l b a c k) B、s i z e() C、 i n d e x(s u b j e c t)D、i n d e x() 5.有这样一个表单元素，想要找到这个h i d d e n元素，下面哪个是正确的？(B) A、v i s i b l e B、h i d d e n C、v i s i b l e() D、h i d d e n() 6.如果需要匹配包含文本的元素，用下面哪种来实现？(B) A、t e x t() B、c o n t a i n s() C、i n p u t() D、a t t r(n a m e) 7.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(C)

jquery常用的选择器整理

jquery: 基本的选择器： $('#id').css('color','blue');//根据id属性为id，设置css样式颜色设置成蓝色 $('h2').css('background-color','pink'); $('input').css('width','500px'); $('.apple').css('background-color','lightgreen');//class属性值查找 $('*').css('background-color','gray');//通配符 $('h2,#usertel,#userqq').css('color','lightblue');//联合选择器 层次选择器： $('div span');//在div内部获得span节点，不考虑层次,只获得div内第一个span节点，，注意不考虑层次 $('div > span')//在div内部获得子元素span节点 $('div+span')//在div后边获得紧紧挨着的第一个兄弟关系的span节点，获得的是span节点 $('div~span')//在div后边后边获得全部兄弟关系的span节点 并且选择器： $('li').css('color','red'); $('li:first');//:first第一个 :last 最后一个 $('li:eq(3)').css('color','red')//eq(下标索引号码) 获得节点的下标索引值与给定索引值相等 gt(索引号) great than 节点索引值，大于某个范围 lt(索引值) less than 节点索引值，小于某个范围 $('li:gt(5)').css('background-color','pink'); $('li:lt(5)').css('background-color','orange'); :even 匹配到下标索引值为偶数的节点 :odd 匹配到下标索引值为奇数的节点

jQuery面试题答案

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)）

jQuery选择器种类

jQuery选择器种类 由于经常使用jQuery，但是其中的很多选择器又不太能够熟练记牢使用，所以趁着上周有人分享，我再仔细的把jQuery的选择器过一遍，争取一次拿下，以后做到运用自如。jQuery选择器主要来分可以分为三种：（1）基本选择器（2）层次选择器（3）过滤选择器(4) 表单选择器 1、基本选择器 基本选择器主要就是比较常见和常用的集中，是必须要掌握的。 #ID id选择器返回一个对象$("#div") .class类选择器返回集合$(".content") Element 标签选择器返回集合$("input") * 匹配所有元素返回集合$("*") selector1,selector2,selector3,....合并每个选择器匹配的元素，返回集合$("#div,.class,input") 2、层次选择器（主要是选择层次下面的元素） $("E F") 选择E元素中的所有F后代元素(注意：是子孙元素) 返回集合 $("P>C") 选择P元素下的C子元素（注意：是子元素）返回集合 $("P+N") 选择P元素后的相邻元素（即下一个兄弟元素），和$("P").next("N")方法执行效果相同 $("P~S") 选择P元素之后的所有S兄弟元素，和$("P").nextAll("S")方法执行效果相同，另pre()方法和next()方法相对。preAll()和nextAll()相对。 注意siblings()方法和nextAll()方法的区别：siblings()是所有前后的兄弟元素，nextAll()是所有后面的兄弟元素 第三和第四个选择器常常用后面的写法代替

jquery考试题复习课程

j q u e r y考试题

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）