jQuery 面试题.-Udi

上山打老虎

1.页面上有一个按钮,点击后,在按钮后面插入一个Label . 内容显示"OK";已有元素结构:

<input id="btnOK" type="button" />

要求事件写在页面元素加载完成之后,函数动态绑定到btnOK 元素.

$(function(){
  $("#btnOK").click(function(e){ $(this).after("<label>OK</label>") ; }) ;
});

或者

$(document).ready(function(){
  $("#btnOK").click(function(e){ 
    var lab = document.createElement("label") ;
    $(lab).html("OK") ;
    this.parentNode.insertBefore(lab,this.nextSibling);
  }) ;
});

2.查找页面所有类是 Edit 的 Input 且 type 是 text 的元素,遍历它们,并返回它们的 Value 数组 .

var values = [];
$("input[type=text][.Edit]").each(function(i,d){ values.push($(d).val()); }) ;
或者
var values = [];
$("input[type=text]").filter(".Edit").each(function(i,d){ values.push($(d).val()); }) ;

3.使用 Ajax Post 方式,向页面 A.aspx 发送请求, 请求的数据是 UserID = "Admin" , Password = "ABC" , 假设服务器返回"OK" 是成功. 客户端弹出 "验证通过" 提示框

$.post("A.aspx",{UserID:"Admin",Password:"ABC"},function(res){ if ( res == "OK") {alert("验证通过");} });

4.创建一个 Person 对象. 并为它设置 UserID ="Admin" , Name="管理员" 属性.以及 toString 方法,toString返回它的 Name . 并调用toString方法
方法一创建对象:

var Person = 
{
  UserID:"Admin",
  Name:"管理员",
  toString:function(){ return this.Name ;}
} ;
Person.toString();

方法二声明类,创建对象.

var Person = function()
{ 
} ;
Person.prototype  = {
  UserID :"Admin",
  Name : "管理员",
  toString:function(){ return this.Name ;}
}
var p = new Person() ;
p.toString() ;

作者：NewSea   

如无特别标记说明，均为NewSea原创，版权私有，翻载必纠。欢迎交流，转载，但要在页面明显位置给出原文连接。谢谢。