下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
L题目使用jQuery技术实现企业信息展示系统的相关功能。2目的(1)掌握jQuery的基本知识。(2)掌握jQuery的应用方法。(3)进一步理解Ajax程序的设计方法。(4)会利用所学知识设计简单的应用程序。3.内容用jQuery技术实现产品的查询、添加、修改与删除,用户的登录、注册、查询和删除。4.要求(1)从下载jQuery库。(2)将在客户端网页中使用的MyTools中的函数转换为jQuery函数。(3)进一步完善功能,优化界面。代码示例:classJq{constructorfarg,root){〃记录上次操作的节点;if(typeofroot=='undefined'){this.prevObject=newJq(document,null);)if(root){this.prevObject=root;)if(typeofarg=="string"){〃字符串leteles=document.querySelectorAII(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;i<this.length;i++){thisIiJ.addEventListenerC'click",fn);))on(eventName,fn){letreg=/\s+/g;eventName=eventName.replace(reg,"");〃console.log(eventName);leteventArr=eventName.split("");for(leti=0;i<eventArr.length;i++){for(letj=0;j<this.length;j++){this[j].addEventListener(eventArr[i],fn);)))css(...arg){if(arg.length>1){if(arg[O]in$.cssHooks){letitem=arg[0];for(leti=0;i<this.length;i++){$.cssHooks(item].set(this[i]/arg[l]);)}else{//2个参数〃设置样式for(leti=0;i<this.length;i++){this.setStyle(this[i],arg[0]zarg[l]);))}else{〃:l个参数:-》字符串、对象;[obj]if(typeofarg[0]=='string'){if(arg[0]=="wh"&&arg[0]in$.cssHooks){return$.cssHooks[arg[0]].get(this[0]);}else{〃字符串:获取样式returnthis.getStyle(this(O],arg(0]);)}else{〃对象;设置样式for(leti=0;i<this.length;i++){for(letjinarg[0]){this.setStyle(this[i],j,arg[O][j]);))}))setStyle(ele,styleName,styleValue){if(typeofstyleValue=="number"&&!(styleNamein$.cssNumber)){styleValue=styleValue+"px";)ele.style[styleName]=styleValue;)getStyle(ele,styleName){returnwindow.getComputedStyle(ele,null)[styleName];)}function$(arg){returnnewJq(arg);)$.cssNumber={animationlterationCount:true,columnCount:true,fillOpacity:true,flexGrow:true,flexShrink:true,fontweight:true,gridArea:true,gridColumn:true,gridColumnEnd:true,gridColumnStart:true,gridRow:true,gridRowEnd:true,gridRowStart:true,
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 在安委会专题会议上的讲话提纲
- 酒店入住健康传染病记录表
- 中医思维在急诊护理中的价值体现
- 基于神经网络的不平衡数据分类方法研究
- 互联网金融对商业银行理财产品的影响分析以余额宝为例
- 项目部署实施方案
- 三年级数学两位数乘一位数计算题质量监控题
- 两位数乘一位数计算单元检测练习题大全附答案
- 100以内三数加减法混合运算过关测验例题
- 知识管理内部驱动力与知识管理动态能力关系研究
- DB12T 857-2019 园林绿化灌溉水质量要求
- 2022年东王小学教育技术装备工作会议记录
- 电工进网作业实操考试评分标准
- 超星尔雅学习通《形象管理(南开大学)》章节测试含答案
- 煤矿采区的供电系统设计供电毕业设计论文
- 五星级酒店人员编制
- 路面工程监理工作内容及工作流程
- 多缝夫琅禾费衍射
- (完整版)青岛版二年级数学下册全册测试题
- 14.5 无线电信号表
- 班组长安全责任落实培训资料
评论
0/150
提交评论