jquery基础练习选择判断

 

  • 选择

1当DOM加载完成后要执行的函数,下面哪个是正确的?() 

  1. jQuery.ready(callback)   
  2. $.ready(callback) 
  3. jQuery(callback)
  4. $(elements) 

 

2下面哪种不是jquery的选择器?() 

  1. $(“div:even”)                         
  2. $(“ul li:first”)
  3. $(“div[href]$=’.com’”)
  4. $(“td,tr,.div”) 群组选择器

 

3下面哪一个是用来将x追加到指定元素y的末尾的?() 

A、x.insertAfter(y) 

B、x.append(y) 

Cx.appendTo(y) 

D、x.after(y) 

 

4下面哪一个不是jquery对象访问的方法?() 

A、each() 

B、map() 

C、eq()

Dhidden() 

 

5.如果需要设置元素的文本,用下面哪种来实现?() 

Atext() 

B、contains() 

C、input() 

D、attr(name)

 

6.如果想要找到一个ul中的指定位置的li元素,用下面哪个方法可以快速找到指定元素?() 

A、text() 

B、get() 

Ceq() 

D、html()

 

7.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?()

A、append(content) 

B、appendTo(content)

C、insertAfter(content) 

Dafter(content) 

 

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

A、delete() 

B. empty()

Cremove() 

D、removeAll()

 

9.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?()

A、first 

B、eq(1) 

C、css(name) 

Dcss(name,value) 

 

10.在jquery中,如果想要获取当前窗口视口的宽度值,下面哪个不是实现该功能的? ()

A、width() 

B、outterwidth() 

Cwidth 

D、innerWidth()

 

11.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的? () 

A、add(type) 

Bon(type) 

C、target(type) 

D、off(type)

 

12.下面哪个不是属于jquery的事件处理? () 

Atap()

B、click() 

C、on() 

Done(),$(document).one(“click”,function(){}):表示只执行一次的事件

 

13.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? () 

A、hover(over ,out) 

B、fucus() 

Cchange() 

D、keyup() 

 

14.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件? (

A、$.post(url) 

B、$.load(url) 

C$.get(url) 

D、$.send(url)

 

15. <a href="xxx.jpg" title="温家宝出席学校...">新闻</a>,获取<a>元素title的属性值。()

A:$("a").attr("title").val();        

B:$("#a").attr("title");

C$("a").attr("title");            

D:$("a").attr("title").value;

 

16.执行下面语句

 $(document).ready(function(){

                     $("#click").click(function(){

                            alert("click one time");

                     });

                     $("#click").click(function(){

                            alert("click two time");

                     });

});

单击按钮<input type="button" id="click" value="点击我"/>,这个会有什么效果。()

  A:弹出一次对话框,显示click one time 。

  B:弹出一次对话框,显示click two time 。

  C:弹出两次对话框,依次显示click one timeclick two time

  D:js编译错误。

 

17.页面中有三个元素,如下:<div>div标签</div><span>span标签</span><p>p标签</p>,如果这三个标签要触发同一个事件,那么正确的写法是()。

  A$("div,span,p").click(function(){   //      });

  B:$("div || span || p").click(function(){   //…      });

  C:$("div + span + p").click(function(){   //…      });  +表示的是兄弟相邻元素

  D:$("div ~ span ~ p").click(function(){   //…      });   ~表示的是后面的元素

 

18. 页面中有一个select标签,代码如下:

<select id="sel">

             <option value="0">请选择</option>

             <option value="1">选项一</option>

             <option value="2">选项二</option>

             <option value="3">选项三</option>

             <option value="4">选项四</option>

 </select>,要使“选项四”选中的正确写法。()

 A:$("#sel").val("选项四");    

 B:$("#sel > option:eq(4)").checked;

 C:$("#sel  option:eq(4)").attr("selected");

 D:  $(“#sel”).val(“4”);

 

19.页面中有一个性别单选按钮,请设置”男”为选中状态。代码如下:

<input type="radio" name="sex"> 男

<input type="radio" name="sex"> 女    正确的是()

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

 

20. 在页面中有一个ul元素,代码如下:

<ul>

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

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

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

</ul>,下面对节点的操作哪一个说法不正确。()

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

  B:$("ul").after($("<li title='香蕉'>香蕉</li>")); 是在ul后追加节点。

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

  D:以上说法都不对

 

21. 页面有一个<input type="text" id="name"  name="name" value=""/>元素,动态设置该元素的值。正确的选项是。 ()

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

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

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

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

 

22. 下面说法不正确的是()

  A$("ul li:first-child")选取页面中第一个ul下的第一个li元素。

  B:$("div >span")选取div元素下元素名是span的子元素。

  C:$("div :first")选取所有<div>元素中第一个<div>元素。

  D:$("input:gt(1)")选取索引值大于1的input元素。

 

23. 下面说法不正确的是 ()

  A :$("input")选取所有<input>元素

  B :$("#form")选取id为form的元素

  C :$("ul li:first")是获取页面中第一个ul下的第一个li元素

  D $("div ").addClass("background","url(img/up.gif) ")是设置样式的

 

24. 在jquery中想要找到指定元素后面的所有同辈元素,下面哪一个是可以实现的  ()

AnextAll()                                   

B:siblings()

C:next()                                                     

D:find()

 

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

A:$("foo#")                                                

B:$(#"foo")

C:$ ("foo")                                          

DjQuery("#foo")

 

26. HTML 代码:

<p>one</p> <div><p>two</p></div> <p>three</p>

jQuery 代码:   $("div > p");  结果:   

A[ <p>two</p> ]  

B、[<p>one</p> ]   

C、[<p>three</p>]   

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

 

27. 在jquery中指定一个类,想要进行类的切换,下面哪一个是可以直接完成该功能的?()
A、removeClass()

B、deleteClass()

CtoggleClass(class)

D、addClass()

 

28. 获取<div id="content">内容…</div>标签里的文本内容。()

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

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

 C:  $("#content").innerHTML();

 D:  $(“#content”).textHTML();

 

29. 下面哪个不是属于jquery的事件处理? ()
A、on(“click”)

B、click()

C、off(“click”)

Donclick()

 

30. 在jquery中想要找到指定元素所有的同辈元素,下面哪一个是可以实现的?()
A、eq() B、find() Csiblings() D、next()

 

二、判断题(一共10个,每个2分)

1.jquery访问对象中的$(“div”).eq(0)方法的返回值和jQuery选择器$(“div:eq(0)”)不一样.  F

2.jquery中$(this).get(0)的写法和$(this)[0]是等价的。 T

3.现有一个有序列表,如果想要匹配所有行数为偶数的,用odd实现,奇数的用even 实现。T

4.在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,offset来实现,该方法的返回值有两个属性,分别是offset.top和offset.left  F

5.在jquery中,想让一个元素隐藏,用hide()实现,显示隐藏的元素用show()实现 T

6. 在jquery中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是$("p").hover(fun1,fun2).  T

7. jquery中$(this).get(0)的写法和$(this)[0]结果是不一样的. F

8.在一个无序列表里,想要找到第一个li元素用eq(0)实现. T

9. 用jquery 来实现动态添加元素,可以用jquery中的append()方法来实现.   T

10. 在一个表单中,用600毫秒缓慢的将段落滑上,实现方式为$("元素").slideUp("slow").  F

 

 

猜你喜欢

转载自blog.csdn.net/lanseguhui/article/details/81563800