JQuery 练习题(前端1+x初级)

 

1.在jQuery中被称为工厂函数的是:( C

A、ready()     B、function()      C、$()     D、next()

 

2.下列选项中,不属于DOM模型节点类型的是:(C

A、 元素节点  B、 属性节点  C、 图像节点  D、 文本节点

 

3.下列关于css()方法的写法正确的是:(B

A、 css(color:#ccf;)        B、 css("color","#ccf")

C、 css("#ccf","color")     D、 css("color":"#ccf","font-size":"14px")

 

4.在jQuery中,能够操作HTML代码及其文本的方法是:( C )

A、attr()    B、text()    C、html()    D、val()

 

5.以下jQuery代码运行后,对应的HTML代码变为:( B )

HTML代码: <p>你好!</p>

jQuery代码:

$("p").append("<b>快乐达人</b>");

A、<p>你好!</p><b>快乐达人</b>

B、<p>你好!<b>快乐达人</b></p>

C、<b>快乐达人</b><p>你好!</p>

D、<p><b>快乐达人</b>你好!</p>

 

6.下列筛选选择器中,用于获取li元素,并选择索引为奇数的元素是:(C

A、$("li:first")    B、$("li:last")    C、$("li:odd")    D、$("li:even")

:odd(索引值为奇数的,1,3,5)

:even(索引值为偶数的,0,2,4)

 

7.在获取id值为btn的元素的value值,下面代码正确的是:(A

A、$("#btn").val()        B、$("#btn").val(value)

C、$("#btn").value()      D、$("#btn").value(val)

 

 

8.在jQuery中,属于鼠标事件方法的是:(B

A、onclick     B、mouseover()     C、onmouseout()     D、blur()

 

 

9.在jQuery中既可以模拟鼠标连续单击事件,又可以切换元素可见状态的方法是:(B

A、hide()     B、toggle()     C、hover()     D、slideUp()

 

10.在jQuery中,关于fadeIn()的说法正确的是:(B

A、可以改变元素的高度        B、可以改变元素的透明度

C、可以改变元素的宽度        D、与fadeIn()相对的方法是fadeOn()

 

11.在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的?(B

A、removeClass()  B、deleteClass()  C、toggleClass(class)  D、addClass()

 

12.如果需要匹配包含文本的元素,用下面哪种来实现?(B

A、text()    B、contains()    C、input()    D、attr(name)

 

13.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(C

A、delete()    B、empty()    C、remove()    D、removeAll()

  • Remove()某个div有一个单击事件,当我把div用remove删除了,再重新添加回来,原来的单击事件消失;
  • detach()某个div有一个单击事件,当我把div用remove删除了,再重新添加回来,原来的单击事件还存在;
  • empty()清空,删除元素,位置还留着。

 

14.假如需要选择页面中唯一一个DOM元素,则(C)时最快、最高效的选择器。

A、后代选择器  B、类选择器  C、ID选择器   D、属性选择器

 

15.下列说法错误的是:(B

A、slideUp()方法通过高度变化(向上减小)来动态地隐藏所有匹配的元素。

B、在jquery中addClass()可以增加多个样式,各个样式间用:隔开 多个样式用逗号隔开   

 例:Css({"color":"red","font-size":"10px"})

C、siblings() 获得匹配集合中每个元素的同胞

D、stop() 方法停止当前正在运行的动画。

 

1. 下面说法正确的是:(BD

A、 jQuery对象可以直接使用DOM对象的方法

B、 DOM对象不能使用jQuery对象的方法

C、 jQuery可以完全取代Javascript   不可以取代

D、 链式操作是jQuery代码的风格之一

jquery上午get方法是返回存在jquery对象中的dom元素。

 

 

2.在jQuery中,能够为元素添加CSS样式的方法是(BD

A、 ready()    B、 css()    C、 next()    D、 addClass()

 

3.下列选项中,是属性选择器的是:(AC

A、 $( "img[src=.gif]" )     B、 $("img")  

C、 $( "[class=title]" )      D、 $("div>span")

 

 

4. jQuery中提供了两种方法,分别可以停止冒泡,阻止默认的行为,例如单击超链接后会自动跳转,单击"提交"按钮后表单会提交等,它们是 :(AC)   

A、stopPropagation()    B、stop()     D、prevent()   C、preventDefault()

 

 

5.若要选取<ul>元素中的第三个<li>元素,则下列jQuery选择器写法正确的是:(B

A、$("li:odd")    B、$("li:eq(2)")    C、$("li:gt(2)")   D、$("li:lt(3)")

 

 

6.下列说法正确的是:(B

A、$("li:hidden")与$("li :hidden")选取的是同一个元素

B、$(‘#id[0]‘)需要使用转义字符改写才能得到正确结果

C、$(".txt.xy")与$(".txt\\.xy")获取的是同一个元素

D、在jQuery选择器中,多一个空格,少一个空格得到的结果都一样

 

 

7.遍历同辈节点的方法是:(AD

A、next()   B、parent()    C、children()    D、prev()

 

 

8.若需要对HTML代码片段1进行操作,得到代码片段2,则应选用jQuery代码:( a

代码片段1:

<p id="hello">欢迎登录!</p>

代码片段2:

<p id="hello"><b>kisscat</b>欢迎登录!</p>

A、$("#hello").prepend("<b>kisscat</b>");

B、$("p").prepend("<b>kisscat</b>");

C、$("#hello").after("<b>kisscat</b>")

D、$("p").after("<b>kisscat</b>")

 

 

9.下面jQuery选择器中,返回值是元素集合的是( bcd

A、id选择器   B、.class 选择器   C、元素选择器   D、通配符选择器

 

 

10.关于bind()方法与unbind()方法说法正确的是:(acd

A、 bind()方法可以用来移除单个或多个事件

B、 unbind()方法可以同时移除多个事件,但不能移除单个事件

C、 使用bind()方法可以同时绑定鼠标事件和键盘事件

D、 unbind()方法是与bind()方法对应的方法

 

Ajax

jquery中的load()方法,从服务器加载数据,并把返回的数据放入被选元素中

$(get)方法,通过http get 请求从服务器上请求数据

$(post)方法,通过http post 请求向服务器提交数据

 

JQuery 练习题(前端1+x初级)

上一篇:双URL编码绕过WAF


下一篇:CSS盒子模型的概念