jquery的扩展:编写好代码封装起来供他人使用
知识点在:《 html5 app 应用开发教程》第209页
jQuery的扩展可分为两类 1: jquery全局函数的扩展
语法的定义:
$.extend({
定义的函数名:function(){}
}) 语汇的调用:
onclick="$.函数名()" 2: jquery对象的扩散
1: jquery全局函数的扩展
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>bootStrap4习</title> <link rel="stylesheet" href="bootstrap-4.6.0-dist/css/bootstrap.min.css"> </head> <body> <div class="container"> <h3 class="warning" >查看容器</h3> </div> <div id="result">此节点值将被初化而改变</div> <button class="btn btn-secondary" onclick="$.addId('result')">调用自定义全局对象table下的init()</button> <button class="btn btn-secondary" onclick="$.table.init('result')">调用自定义全局对象table下的init()</button> <!--<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" ></script>--> <script src="bootstrap-4.6.0-dist/js/jquery-3.5.1.js"></script> <script src="bootstrap-4.6.0-dist/js/bootstrap.bundle.js"></script> </body> </html> <script type="text/javascript"> //jQuery的全局扩展,开发自己的table插件 /* */ $.extend({ //1:全局自定义函数的方法实现把值持挂载到节点上 addId:function(idValue){ $("#"+idValue).html("<h3 style='color:red;'>通过自定义全局方法,我将被挂载到指的节点上哦</h3>") }, //2:全局自定义对象的方法init()实现挂载到节点上 table:{ //根据id的值,把指定的html("<h3 style='color:red;'>被自定义插件挂载到指定节点上</h3>")代码挂载到指定节点上 init:function(idValue){ //挂载数据到节点idVale上 $("#"+idValue).html("<h3 style='color:red;'>通过自定义对象(table)下的方法.我将被挂载到指的节点上哦</h3>") } } }) //也可直接不通过如下代码执行语句来加载 // $.table.init('result') </script>
做产品的程序,才是好的程序员!
标签:
jQuery
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!