原创力文档- 1、本文档共6页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
实训八：使用jQuery技术实现企业信息展示系统的相关功能
1.题目
使用jQuery技术实现企业信息展示系统的相关功能。
2.目的
（1）掌握jQuery的基本知识。
（2）掌握jQuery的应用方法。
（3）进一步理解Ajax程序的设计方法。
（4）会利用所学知识设计简单的应用程序。
3.内容
用jQuery技术实现产品的查询、添加、修改与删除，用户的登录、注册、查询和删除。
4.要求
（1）从下载jQuery库。
（2）将在客户端网页中使用的MyTools中的函数转换为jQuery函数。请求服务器端程序能够将用户信息保存到数据库。
（3）进一步完善功能，优化界面。
classJq{
constructor(arg,root){
//记录上次操作的节点；
if(typeofroot==undefined){
this.prevObject=newJq(document,null);
}
if(root){
this.prevObject=root;
}
if(typeofarg==string){
//字符串
leteles=document.querySelectorAll(arg);
this.addEvent(eles);
}elseif(typeofarg==function){
window.addEventListener(DOMContentLoaded,arg);
}else{
//原生节点；
if(typeofarg.length==undefined){
this[0]=arg;
this.length=1;
}else{
this.addEvent(arg);
}
}
}
addEvent(eles){
eles.forEach((el,index)={
this[index]=el;
})
this.length=eles.length;
}
eq(index){
returnnewJq(this[index],this);
}
end(){
returnthis.prevObject;
}
click(fn){
for(leti=0;ithis.length;i++){
this[i].addEventListener(click,fn);
}
}
on(eventName,fn){
letreg=/\s+/g;
eventName=eventName.replace(reg,);
//console.log(eventName);
leteventArr=eventName.split();
for(leti=0;ieventArr.length;i++){
for(letj=0;jthis.length;j++){
this[j].addEventListener(eventArr[i],fn);
}
}
}
css(...arg){
if(arg.length1){
if(arg[0]in$.cssHooks){
letitem=arg[0];
for(leti=0;ithis.length;i++){
$.cssHooks[item].set(this[i],arg[1]);
}
}
else{
//2个参数
//设置样式
for(leti=0;ithis.length;i++){
this.setStyle(this[i],arg[0],arg[1]);
}
}
}else{
//1个参数：--》字符串、对象；[obj]
if(typeofarg[0]==string){
if(arg[0]==wharg[0]in$.cssHooks){
return$.cssHooks[arg[0]].get(this[0]);
}else{
//字符串：获取样式
returnthis.getStyle(this[0],arg[0]);
}
}else{
//对象；设置样式
for(leti=0;ithis.length;i++){
for(letjinarg[0]){
this.setStyle(this[i],j,arg[0][j]);
}
}
}
}
}
setStyle(ele,styleName,styleValue){
if(typeofstyleValue==number!(styleNamein$.css
文档评论（0）