jQuery试题

最新推荐文章于 2024-05-21 23:36:57 发布
最新推荐文章于 2024-05-21 23:36:57 发布
阅读量2.5k 收藏 15
点赞数 1
分类专栏： jQuery 文章标签： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CRGYSSE/article/details/79856205
版权

在<script>元素中，可以使用（ A ）属性指定引用jQuery脚本的路径。

A、src

B、link

C、location

D、js

在jQuery程序中，（ D ）是jQuery的缩写。

A、jq()

B、#()

C、&()

D、$()

在jQuery程序中，（ C ）是一个jQuery对象，表示当前引用的HTML元素对象。

A、self

B、$(self)

C、$(this)

D、this

jquery中$(this).get(0)的写法和（ B ）是等价的。

A、this[0]

B、$(this)[0]

C、$("this")[0]

D、$("this").get(0)

使用（ B ）方法可以将HTML元素从显示状态切换为隐藏状态。

A、show()

B、hide()

C、toggle()

D、change()

使用（ C ）方法可以直接调节HTML元素的透明度。

A、fadeln()

B、fadeOut()

C、fadeTo()

D、fadeToggle()

使用（ A ）方法可以让HTML元素向下滑动。

A、slideDown()

B、slideUp()

C、slideToggle()

D、slide()

调用下面（ B ）方法不能获取和设置HTML元素的内容。

A、html()

B、content()

C、text()

D、val()

使用（ A ）方法可以向HTML元素的后面插入内容。

A、after()

B、insert()

C、append()

D、add()

使用（ D ）方法可以删除HTML元素的内容和所有子元素。

A、delete()

B、detach()

C、remove()

D、empty()

使用（ B ）方法可以删除DOM中匹配的元素，并不会把匹配的元素从jQuery对象中删除，所匹配的元素上绑定的事件或附加的数据都会保留下来，在将来仍然可以使用这些匹配的元素。

A、delete()

B、detach()

C、remove()

D、empty()

页面有一个<input type="text" id="name" name="name" value=""/>元素，动态设置该元素的值。正确的选项是（ A ）。

A、$("#name").val("动态设值");

B、$("#name").text("动态设值");

C、$("#name").html("动态设值");

D、$("#name").value("动态设值");

在jquery中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的（ C ）。

A、delete()

B、empty()

C、remove()

D、removeAll()

在页面中有一个ul元素，代码如下：

<ul>

<li title='苹果'>苹果</li>

<li title='橘子'>橘子</li>

<li title='菠萝'>菠萝</li>

</ul>，下面对节点的操作哪一个说法不正确。（ D ）

A、var $li=$("<li title='香蕉'>香蕉</li>");是创建节点。

B、$("ul").append($("<li title='香蕉'>香蕉</li>"));是给ul追加节点。

C、$("ul li:eq(1)").remove();是删除ul下“橘子"那个节点

D、以上说法都不对

获取<div id="content">内容...</div>标签里的文本内容。（ BC ）

A、$("#content").val();

B、$("#content").html();

C、$("#content").text();

D、$("#content").innerHTML();

案例代码如下

<body>

<form>

用户名： <input type="text" id="username" name="username" />

密码： <input type="password" id="pwd" name="pwd" />

</form>

</body>

请用jquery获取username文本框输入值的内容。（ ABCD）

A、$("#username").val();

B、$("input")[0].value;

C、$("input[name=username]").val();

D、$(":input[name=username]").val();

下面哪一个是用来追加到指定元素的末尾的？（ BC ）

A、insertAfter()

B、append()

C、appendTo()

D、after()

使用（ C ）可以选取ID为id的HTML元素。

A、id

B、$("id")

C、$("#id")

D、$(id) 

使用（ B ）可以选取网页中所有应用了CSS类（类名ClassName）的HTML元素。

A、$("ClassName")

B、$(".ClassName")

C、$("#ClassName")

D、$( .ClassName)

使用（ A ）可以选择表单中的所有input元素。

A、$("form input")

B、$("form+input")

C、$("input")

D、$("form~input")

使用（ B ）可以选择所有紧接在label元素后面的input元素。

A、$("lable input")

B、$("lable+input")

C、$("lable<input")

D、$("label~input")  

在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的？（ C ）

A、eq(index)

B、find(expr)\

C、siblings([expr])

D、next() 

使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。（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... }

下面选项中哪一个是和$("#foo")等价的写法。（ D ）

A、$("foo#")

B、$(#"foo")

C、$("foo")

D、jQuery("#foo")

HTML代码：

<p>one</p>

<div>

<p>two</p>

</div>

<p>three</p>

jQuery代码：$("div>p");结果：（ A ）

A、<p>two</p>

B、<p>one</p>

C、<p>three</p>

D、<div><p>two</p></div>

HTML代码：

<div>DIV</div>

<span>SPAN</span>

<p>P</p>

jQuery代码：$("*")结果：（ D ）

A、<div>DIV</div>

B、<span>SPAN</span>

C、<p>P</p>

D、<div>DIV</div>,<span>SPAN</span>,<p>P</p>

HTML代码：

<div class="notMe">div class="notMe"</div>

<div class="myClass">div class="myClass"</div>

<span class="myClass">span class="myClass"</span>

jQuery代码：$(".myClass") ;结果：（ D ）

A、<div class="notMe">div class="notMe"</div>

B、<div class="myClass">div class="myClass"</div>

C、<span class="myClass">span class="myClass"</span>

D、<div class="myClass">div class="myClass"</div>,<span class="myClass">span class="myClass"</span>

HTML代码：

<div>DIV1</div>

<div>DIV2</div>

<span>SPAN</span>

jQuery代码：$("div");结果：（ C ）

A、<div>DIV1</div>

B、<div>DIV2</div>

C、<div>DIV1</div>,<div>DIV2</div>

D、没有获取到任何元素

HTML代码：

<div id="notMe"><p>id="notMe"</p></div>

<div id="myDiv">id="myDiv"</div>

jQuery代码：$("#myDiv");结果：（ A ）

A、<div id="myDiv">id="myDiv"</div>

B、<p>id="notMe"</p>

C、<div id="notMe"><p>id="notMe"</p></div>

D、<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div> 

HTML代码：

<div>div</div>

<p class="myClass">p class="myClass"</p>

<span>span</span>

<p class="notMyClass">p class="notMyClass"</p>

jQuey代码：$("div,span,p.myClass")结果：（ C ）

A、<p class="myClass">p class="myClass"</p>

B、<p class="notMyClass">p class="notMyClass"</p>

C、<div>div</div>,<p class="myClass">p class="myClass"</p>,<span>span<>/span>

D、<div>div</div>

HTML代码：

<form>

<label>Name:</label>

<input name="name" />

<fieldset>

<label>Newsletter:</label>

<input name="newsletter" />

</fieldset>

</form>

<input name="none" />

jQuery代码：$("form input"结果：（ B ）

A、<input name="name" />

B、<input name="name" />,<input name="newsletter" />

C、<input name="newsletter" />

D、没有获取到任何元素

HTML代码：

<form>

<label>Name:</label>

<input name="name" />

<fieldset>

<label>Newsletter:</label>

<input name="newsletter" />

</fieldset>

</form>

<input name="none" />

jQuery代码：$("form>input")结果：（ A ）

A、<input name="name" />

B、<input name="newsletter" />

C、<input name="none" />

D、<label>Newsletter:</label>

HTML代码：

<form>

<label>Name:</label>

<input name="name" />

<fieldset>

<label>Newsletter:</label>

<input name="newsletter" />

</fieldset>

</form>

<input name="none" />

jQuey代码：$("label+input")结果：（ C ）

A、<input name="newsletter" />

B、<input name="name" />

C、<input name="name" />,<input name="newsletter" />

D、<label>Newsletter:</label>

HTML代码：

<form>

<label>Name:</label>

<input name="name" />

<fieldset>

<label>Newsletter:</label>

<input name="newsletter" />

</fieldset>

</form>

<input name="none" />

jQuey代码：$("form~input")结果：（ D ）

A、<label>Newsletter:</label>

B、<input name="newsletter" />

C、<input name="name" />

D、<input name="none" />

案例代码如下：

<body>

<form>

<div class="big">大字体</div>

<div class="small">小字体</div>

</form>

</body>

请选取文本是"大字体"的div对象。（ ACD ）

A、$("div.big");

B、$("div .big");

C、$("div:contains('大字体')");

D、$("form  > div.big");

CRGYSSE
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jquery测试题
08-24
测试题，点击是，否选择
JS、JQuery试题
12-22
JS与JQuery试题解析 在本资源中，我们将对JS和JQuery试题进行详细的解析。该试题是学校讲师出的试卷，旨在考察学生的实际动手能力，主要侧重于编程实践。 JS和JQuery概述 JS（JavaScript）是一种高级的、动态的、...
jquery常见面试题
qq_28198893的博客
08-07 940
1，body中onload()函数和jquery中document.ready()的区别 网页中可以使用多个document.ready()，但只能使用一次onload(); document.ready()函数在页面DOM元素加载后就调用，onload()在所有关联资源加载完毕才调用。 2，jquery中的选择器 基本选择器：根据id, css类名返回匹配的dom元素 层次选择器：路径选
前端考试选择判断大题
最新发布
m0_74202856的博客
05-21 795
D. v-if指令根据后面的表达式的值的真假(true或false)，切换元素的显示和隐藏，但它操作的是DOM元素本身， true时元素存在DOM 树中，false时元素从DOM树中移除。C. v-show指令根据后面的表达式结果的真假(true或false)，切换元素的显示和隐藏，true显示，false隐藏，原理是修改元素的display属 性实现显示或隐藏。A. 对 B. 错 (A)B. closest()方法从元素本身开始，逐级向上级元素匹配，并返回最先匹配的元素。
jQuery部分测试题
qq_43607052的博客
11-10 682
1.      var a=10; var sayHello=function(){ console.log(a); var a=20 } sayHello(); //  答案：undefind 2.      var a=10; var sayHello=function(){ console.log(...
jquery面试题
一吻成痴
01-16 3229
1 你在公司是怎么用jquery的？ 答：在项目中是怎么用的是看看你有没有项目经验(根据自己的实际情况来回答) 你用过的选择器啊，动画啊，表单啊，ajax事件等 配置Jquery环境 下载jquery类库 在jsp页面引用jquery类库即可 &lt;script type="text/javascript" src="jquery/jquery-1.7.2.min.js"/&gt;&lt;...
JQuery 测试题部分
Liu_wen_wen的博客
07-08 233
1.过滤 2.wraplnner()方法 3.slow、normal、fast4.getLocalHost()方法
AJAX与jquery试题
09-12
【知识点详解】 1. **jQuery的基本使用*...总结，这个AJAX与jQuery试题主要测试了对jQuery的选择器、DOM操作、事件处理、链式操作以及动态创建元素等基础知识的掌握。解答这些题目需要熟悉jQuery的基本语法和常见API。
精选jQuery试题及答案.pdf
04-27
本题集涵盖了jQuery的基本概念、选择器、DOM操作、事件绑定等多个关键知识点。 1. **选择器**：jQuery提供了多种选择器，包括基本选择器（如`id`, `class`, `tag`）、层级选择器（如`parent > child`, `prev + next...
jquery试题与答案
04-29
jquery试题与答案 jquery是一个非常流行的JavaScript库，广泛应用于前端开发中。在这里，我们将总结jquery的知识点，帮助您更好地掌握jquery。 jquery的选择器 jquery的选择器是jquery中非常重要的一部分，用于...
(完整word版)jquery试题与答案.docx
11-26
1. **jQuery 选择器**：jQuery 提供了丰富的选择器，包括基本选择器（如 `id`, `class`, `tag`），后代选择器（如 `div p`），类选择器（如 `.myClass`），以及更进一步的组合选择器。选项 D，“进一步选择器”并...
jQuery基础选择器练习题
07-11
JQ 选择器大全包含：基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
jquery级试题_jquery测试题以及答案
weixin_39877166的博客
12-19 1433
1.下面哪种说法是正确的？您的回答：jQuery是JavaScript库2.jQuery使用CSS选择器来选取元素？您的回答：正确3.jQuery的简写是？您的回答：$符号4.通过jQuery，选择器$("div")选取什么元素？正确答案：所有div元素5.jQuery是客户端脚本库，还是服务器端脚本库？您的回答：客户端脚本6.可以将jQuery与AJAX一起使用吗？您的回答：Yes7.jQuer...
jQuery笔试题汇总整理--2018
张培跃的个人博客
06-26 1万+
很多人认为属于JQ的时代已经结束了！但是请不要忘记JQ自身还有一项非常牛的优势——兼容性！这是其它框架所不具备的！所以至少目前JQ还是有自己的用武之地的。在这里我将JQ的一些面试题进行了整理，希望对大家有所帮助！ 1、你为什么要使用jQuery？你觉得jquery有哪些好处？ 1、因为jQuery是轻量级的框架，大小不到30kb 2、它有强大的选择器，出色的DOM操作的封装 3...
jQuery面试笔试题汇总整理
热门推荐
Boboy
03-04 2万+
1、你为什么要使用jQuery？你觉得jquery有哪些好处？ 1、因为jQuery是轻量级的框架，大小不到30kb 2、它有强大的选择器，出色的DOM操作的封装 3、有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠) 4、完善的ajax(它的ajax封装的非常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。) 5、出色的浏览器的兼容性 6...
js_jQuery综合机试练习题
红目香薰
12-12 2510
涉及技术点 【form表单数据获取】 【正则表达式验证】·【通用验证方式】 【dom操作】 【checkbox复选框_全选/全不选】 【添加list值并刷新dom】 【删除list值并刷新dom】 演示demo 登录页： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib.
使用jQuery操作HTML元素（一）
青柠晶晶的博客
11-27 1381
一.使用jQuery获取HTML元素对应的jquery对象 在标准javascript中，可以使用document.getElementById()方法根据ID获取HTML元素对应的DOM对象。 语法：var DOM对象=document.getElementById(对象id) 然后通过DOM对象中的innerText属性可以获取和设置HTML元素的显示文本。 1.在javascript...
jquery
wing123123的博客
08-11 152
做项目时，考虑到浏览器兼容问题，开始使用jquery来代替以前使用的JS代码.. 用jquery可以做出很cool很cool的JS效果，请参考http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html 使用jquery的优点有：JSP代码的页面内容保持了独立，不需要在JSP页面上写很多JS代码了，只要定义一个id即可。兼容各种...
jQuery基础——使用选择器—3属性选择器与表单选择器
weixin_57575133的博客
11-04 1116
属性选择器主要根据元素的属性及其属性值作为条件值作为过滤的条件，来匹配对应的DOM元素。表单是页面中使用频率较高的元素之一，为了方便用户灵活操作表单，jQuery专门定义了表单选择器，使用表单选择器可以方便地获取表单中某类表单域对象。
2020年jQuery期末考试试题与答案附解析.docx
11-19
本资源是一份关于2020年jQuery期末考试的试题与答案，涵盖了对jQuery基础知识和高级特性的考察。以下是部分知识点的详细解读： 1. **jQuery的show方法**：选项D是正确的，说明show方法接受一个参数，这个参数可以是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值