Jquery常用面试题(总结)
来源:互联网 发布:电影php用什么打开 编辑:程序博客网 时间:2024/06/15 21:42
单选:
1、下面哪一种不属于Jquery的选择器。(D)
A:基本选择器 B:层次选择器
C:表单选择器 D:节点选择器
2、使用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... }
3、<a href="xxx.jpg" title="温家宝出席学校...">新闻</a>,获取<a>元素title的属性值。(C)
A:$("a").attr("title").val(); B:$("#a").attr("title");
C:$("a").attr("title"); D:$("a").attr("title").value;
4、执行下面语句
$(document).ready(function(){
$("#click").click(function(){
alert("clickone time");
});
$("#click").click(function(){
alert("clicktwo time");
});
});
单击按钮<input type="button"id="click" value="点击我"/>,这个会有什么效果。(C)
A:弹出一次对话框,显示click one time 。
B:弹出一次对话框,显示click two time 。
C:弹出两次对话框,依次显示click one time,click two time。
D:js编译错误。
5、页面中有三个元素,如下:<div>div标签</div><span>span标签</span><p>p标签</p>,如果这三个标签要触发同一个事件,那么正确的写法是(A)。
A:$("div,span,p").click(function(){ //… });
B:$("div || span || p").click(function(){ //… });
C:$("div + span + p").click(function(){ //… });
D:$("div ~ span ~ p").click(function(){ //… });
6、页面中有一个select标签,代码如下:
<select id="sel">
<optionvalue="0">请选择</option>
<option value="1">选项一</option>
<optionvalue="2">选项二</option>
<option value="3">选项三</option>
<optionvalue="4">选项四</option>
</select>,要使“选项四”选中的正确写法。(B)
A:$("#sel").val("选项四");
B:$("#sel").val("4");
C:$("#sel > option:eq(4)").checked;
D:$("#sel option:eq(4)").attr("selected");
7、页面中有一个性别单选按钮,请设置”男”为选中状态。代码如下:
<input type="radio"name="sex"> 男
<inputtype="radio" name="sex"> 女 正确的是(D)
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);
8、在页面中有一个ul元素,代码如下:
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>,下面对节点的操作哪一个说法不正确。(D)
A:var $li = $("<li title='香蕉'>香蕉</ii>"); 是创建节点。
B:$("ul").append($("<li title='香蕉'>香蕉</ii>")); 是给ul追加节点。
C:$("ul li:eq(1)").remove();是删除ul下“橘子“那个节点。
D:以上说法都不对
9、页面有一个<input type="text"id="name" name="name" value=""/>元素,动态设置该元素的值。正确的选项是。 (A)
A:$("#name").val("动态设值");
B:$("#name").text("动态设值");
C:$("#name").html("动态设值");
D:$("#name").value("动态设值");
10、下面说法不正确的是(A)
A:$(":hidden")选取<input>的type类型是hidden的不可见元素。
B:$("div >span")选取<div>元素下元素名是<span>的子元素。
C:$("div :first")选取所有<div>元素中第一个<div>元素。
D:$("input:gt(1)")选取索引值大于1的<input>元素。
11、下面说法不正确的是(D)
A :$("input:checked")选取所有被选中的<input>元素
B :$("#form:disabled")选取id为form的表单内的所有不可用元素
C :$("#name").is(":visible")是判断id为name的元素的可见性
D :$("div").addClass("background","url(img/up.gif) ")是设置样式的
12、如果需要匹配包含文本的元素,用下面哪种来实现 (B)
A:text() B:contains()
C:input() D:attr(name)
13、下面不属于Jquery的ajax全局事件的是 (C)
A:ajaxComplete(callback) B:ajaxSuccess(callback)
C:$.post(url) D:ajaxSend(callback)
14、在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的 (C)
A:delete() B:empty()
C:remove() D:removeAll()
15、在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的 (B)
A:nextAll([expr]) B:siblings([expr])
C:next() D:find([expr])
16、下面选项中哪一个是和$("#foo")等价的写法。(D)
A:$("foo#") B:$(#"foo")
C:$ ("foo") D:jQuery("#foo")
多选:
1、获取<div id="content">内容…</div>标签里的文本内容。(BC)
A: $("#content").val(); B: $("#content").html();
C: $("#content").text(); D: $("#content").innerHTML();
2、案例代码如下
<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();
3、案例代码如下:
<body>
<form>
<divclass="big">大字体</div>
<divclass="small">小字体</div>
</form>
</body>
请选取文本是"大字体"的div对象。(ACD)
A:$("div.big"); B:$("div .big");
C:$("div:contains('大字体')"); D:$("form > div.big");
填空:
1、假设页面有<p>I would like to say: </p>一个元素,当执行$("p").append("<b>Hello</b>");时,页面代码会动态加载为<p>Iwould like to say: <b>Hello</b> </p>。当执行$("p").affter("<b>Hello</b>");时, 页面代码会动态加载为<p>I would like tosay: </p><b>Hello</b> 。
2、请写出页面元素的动态显示和隐藏操作代码。
假设页面有查看按钮,要控制查看按钮的可见性:<input type="button"id="query" value="查看"/>,设置按钮不可见:$("#query").hide();或者$("#query").css("display","none"); 设置按钮可见:$("#query").show();或者$("#query").css("display","block");
3、执行下面代码:
$(document).ready(function(){
var array =['墨家','墨子'];
var str = "[";
$.each( array, function(parm1,parm2){
str += "{parm1:" + parm1 + "," + "parm2: " + parm2 + "},";
});
str = str.substring(0,str.length - 1) + "]";
alert(str);
});
请写出打印结果: [{parm1:0,parm2: '墨家'},{parm1:1,parm2:'墨子'}]
4、执行下面代码:
$(document).ready(function(){
var result = $.extend({},{name:"Tom",age:21},{sex:"boy",age:27, email:"ydw@163.com"});
alert(result);
});
写出result结构:{name:'Tom',age:27,sex:'boy',email:'ydw@163.com'}
基本选择器
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$("div") 选择所有的div标签元素,返回div元素数组
$(".myClass") 选择使用myClass类的css的所有元素
$("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")
层叠选择器:
$("form input") 选择所有的form元素中的input元素
$("#main > *") 选择id值为main的所有的子元素
$("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签
基本过滤选择器:
$("tr:first") 选择所有tr元素的第一个
$("tr:last") 选择所有tr元素的最后一个
$("input:not(:checked) + span")
过滤掉:checked的选择器的所有的input元素
$("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)
$("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素
$("td:gt(4)") 选择td元素中序号大于4的所有td元素
$("td:ll(4)") 选择td元素中序号小于4的所有的td元素
$(":header")
$("div:animated")
内容过滤选择器:
$("div:contains('John')") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
可视化过滤选择器:
$("div:hidden") 选择所有的被hidden的div元素
$("div:visible") 选择所有的可视化的div元素
属性过滤选择器:
$("div[id]") 选择所有含有id属性的div元素
$("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']") 选择所有的name属性以'news'开头的input元素
$("input[name$='news']") 选择所有的name属性以'news'结尾的input元素
$("input[name*='man']") 选择所有的name属性包含'news'的input元素
$("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
子元素过滤选择器:
$("ul li:nth-child(2)"),$("ulli:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
$("div span:first-child") 返回所有的div元素的第一个子节点的数组
$("div span:last-child") 返回所有的div元素的最后一个节点的数组
$("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组
表单元素选择器:
$(":input") 选择所有的表单输入元素,包括input, textarea,select 和 button
$(":text") 选择所有的text input元素
$(":password") 选择所有的password input元素
$(":radio") 选择所有的radio input元素
$(":checkbox") 选择所有的checkbox input元素
$(":submit") 选择所有的submit input元素
$(":image") 选择所有的image input元素
$(":reset") 选择所有的reset input元素
$(":button") 选择所有的button input元素
$(":file") 选择所有的file input元素
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域
表单元素过滤选择器:
$(":enabled") 选择所有的可操作的表单元素
$(":disabled") 选择所有的不可操作的表单元素
$(":checked") 选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素
- Jquery常用面试题(总结)
- JAVA常用面试题总结
- 面试题(总结)
- Sql常用语句 and Sql常见面试题(总结)
- 面试题常用易错总结
- 个人总结java常用面试题
- jquery面试题(转载)
- 总结面试题(他山之石)
- 面试题总结(一)
- 面试题总结(二)
- 面试题总结(三)
- 面试题总结(一)
- 面试题总结(一)
- 面试题总结(二)
- 面试题总结(一)
- 面试题总结(1)
- 自己总结的web前端的jquery面试题
- jQuery选择器面试题
- Netty系列之Netty并发编程分析
- 运维之思科篇 -----2.vlan间通讯 、 动态路由
- 《C语言入门经典》习题7.2(仅供与某人讨论使用)
- 洛谷 P1280 尼克的任务
- 安装SQL Server2008 R2,选择排序规则为二进制
- Jquery常用面试题(总结)
- Mysql性能优化之索引
- js清除选中的内容
- 解决Win7/8/10系统中的Hyper-V和VMware虚拟机软件共存问题
- 多线程编程--- __thread关键字
- Unity 3D学习日记(4)
- 宜信面试整理
- 一个菜鸟的自述
- ImageView(图像视图)-解决blackground拉伸导致图片变形的方法