jquery知识点

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选择器

$的选择器部分: 凡是运用$,其返回值是一个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.进一步选择器:

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、

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 {

MVC,DOM及jQUERY考试题库

1.下面关于https://www.wendangku.net/doc/971292299.html,和三层架构的描述正确的是（a ）。 A、https://www.wendangku.net/doc/971292299.html, MVC相当于三层中的表现层 B、https://www.wendangku.net/doc/971292299.html, MVC和三层不能结合使用 C、https://www.wendangku.net/doc/971292299.html, MVC相当于三层中的数据访问层 D、https://www.wendangku.net/doc/971292299.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是一个JavaScript库，通过封装原生的JavaScript函数得到一整套定义好的方法。它是JohnResig于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。以最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 主旨：以更少的代码、实现更多的功能（write less ,do more!） 官网：https://www.wendangku.net/doc/971292299.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/971292299.html,/ 3、jQuery环境配置 jQuery不需要安装，把下载的jQuery.js放到网站上的一个公共位置，想要在某个页面上使用jQuery时，只需在该HTML文档中引入该库文件即可。 4、在页面中引入jQuery 由于jQuery是JavaScript的一个库文件，也就是jQuery本质是一个.js文件，所以使用引入。 简单的jQuery示例

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考试题

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选择器种类 由于经常使用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面试题答案

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选择器分类应用(最全最新)