把jQuery代码改为js代码,代码如下
<scripttype="text/javascript">$(function(){//创建变量var$name=$(".name"),$age=$(".age"),$...
<script type="text/javascript">
$(function(){
//创建变量
var $name = $(".name"),
$age = $(".age"),
$profession = $(".profession"),
$add_arr = $(".add_arr"),
$search_all = $(".search_all"),
$get_name = $(".get_name"),
$get_age = $(".get_age"),
$get_profession = $(".get_profession"),
$show_data = $(".show_data"),
$show_name = $(".show_name"),
$show_age = $(".show_age"),
$show_profession = $(".show_profession"),
input_arr = [];
//创建对象
var form_handle = {
// 获取表单数据
getInput : function(){
return [$name.val(), $age.val(), $profession.val()];
},
// 定义初始化方法
init : function(){
var self = this;
$add_arr.on('click', function(){
self.confirm(function(that){
that.addArray();
});
});
$search_all.on('click', function(){
self.showData();
});
$get_name.on('click', function(){
self.getName();
});
$get_age.on('click', function(){
self.getAge();
});
$get_profession.on('click', function(){
self.getProfession();
});
},
// 显示数据
showData : function(){
var arr = [];
arr = this.getSort(0);
$show_data.find('tr:gt(0)').remove();
for(var i = 0; i < arr.length; i ++){
var tpl = [
' <tr>',
' <td>' + arr[i][0] + '</td>',
' <td>' + arr[i][1] + '</td>',
' <td>' + arr[i][2] + '</td>',
' </tr>'
].join("");
$show_data.append(tpl);
}
},
// 获取姓名
getName : function(){
var str = "";
var arr = [];
for(var i = 0; i < input_arr.length; i ++){
arr.push(input_arr[i][0]);
}
str = arr.join(" = ");
$show_name.text("姓名: " + str);
},
})
</script> 展开
$(function(){
//创建变量
var $name = $(".name"),
$age = $(".age"),
$profession = $(".profession"),
$add_arr = $(".add_arr"),
$search_all = $(".search_all"),
$get_name = $(".get_name"),
$get_age = $(".get_age"),
$get_profession = $(".get_profession"),
$show_data = $(".show_data"),
$show_name = $(".show_name"),
$show_age = $(".show_age"),
$show_profession = $(".show_profession"),
input_arr = [];
//创建对象
var form_handle = {
// 获取表单数据
getInput : function(){
return [$name.val(), $age.val(), $profession.val()];
},
// 定义初始化方法
init : function(){
var self = this;
$add_arr.on('click', function(){
self.confirm(function(that){
that.addArray();
});
});
$search_all.on('click', function(){
self.showData();
});
$get_name.on('click', function(){
self.getName();
});
$get_age.on('click', function(){
self.getAge();
});
$get_profession.on('click', function(){
self.getProfession();
});
},
// 显示数据
showData : function(){
var arr = [];
arr = this.getSort(0);
$show_data.find('tr:gt(0)').remove();
for(var i = 0; i < arr.length; i ++){
var tpl = [
' <tr>',
' <td>' + arr[i][0] + '</td>',
' <td>' + arr[i][1] + '</td>',
' <td>' + arr[i][2] + '</td>',
' </tr>'
].join("");
$show_data.append(tpl);
}
},
// 获取姓名
getName : function(){
var str = "";
var arr = [];
for(var i = 0; i < input_arr.length; i ++){
arr.push(input_arr[i][0]);
}
str = arr.join(" = ");
$show_name.text("姓名: " + str);
},
})
</script> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询