jquery如何调用自定义函数

最新推荐文章于 2021-06-04 10:41:12 发布
最新推荐文章于 2021-06-04 10:41:12 发布
阅读量5.8w 收藏 5
点赞数 4
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happymagic/article/details/8517952
版权
第一种普通调用

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>艾它社区</title>
  7. <script type="text/javascript" src="./jquery.js"></script>
  8. <script type="text/javascript">
  9. /*jquery函数*/
  10. function fun1(){
  11.    $("div").css("color", "red"); 
  12. };
  13. $(document).ready(function(){    
  14. /*jquery函数调用方式*/  
  15. $("button").click(function(){
  16.   fun1();      
  17. });  
  18. })
  19. </script>
  20. </head>
  21. <body>
  22. <button>点击我</button>
  23. <div>我会变红的哦</div>
  24. </body>
  25. </html>
复制代码

第二种jquery对象中的自定义函数

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>艾它社区</title>
  7. <script type="text/javascript" src="./jquery.js"></script>
  8. <script type="text/javascript">
  9. $(document).ready(function(){
  10. /*jquery函数*/
  11. $.extend({'fun1':function(){
  12. $("div").css("color", "red"); 
  13. }});    
  14. /*jquery函数调用方式*/  
  15. $("button").click(function(){
  16.   $.fun1();      
  17. });  
  18. })
  19. </script>
  20. </head>
  21. <body>
  22. <button>点击我</button>
  23. <div>我会变红的哦</div>
  24. </body>
  25. </html>
复制代码
注：
1.运行代码时，要有jquery.js文件，否则运行出错

2.还有其它方法，本人只测试了这两种，不当之处，请多指教！

出处：http://bbs.it985.com/thread-6085-1-1.html

happymagic
关注
专栏目录
jQuery - 实现自定义函数调用
Leeroys_Zzzz的博客
10-20 856
jQuery - 实现自定义函数调用
jQuery增加自定义函数的方法
10-23
在这个自定义函数中，`$(this)`代表调用该函数的jQuery对象，`.addClass('changed')`是jQuery的内置方法，用于添加指定的CSS类`changed`到每个匹配的元素。函数返回`$(this)`是为了保持链式调用的可能性，即在调用`...
jQuery 调用自定义函数
mlnotes
08-01 742
在jQuery中如何才能定义并调用自定义函数呢$.extend({    'hello': function(){         return true;    },   'world': function(){        return false;    }}); $(document).ready(function(){     $.hello();      $.world();});
jquery调用自定义函数
Stonethan的专栏
05-14 619
转自：http://blog.csdn.net/happymagic/article/details/8517952 第一种普通调用 艾它社区 /*jquery函数*/ function fun1(){    $("div").css("color", "red");  }; $(docu
jQuery 自定义函数写法分享
10-28
jQuery 自定义函数写法分享 jQuery 自定义函数写法是 jQuery 中一个非常重要的知识点。通过自定义函数，可以实现更加灵活和强大的功能。在这里，我们将详细介绍 jQuery 的自定义函数写法和扩展方法。 一、 jQuery ...
jquery自定义函数的多种方法
12-02
在jQuery中，自定义函数是开发过程中非常常见且实用的功能，可以提高代码的复用性和模块化程度。这里我们探讨几种不同的方法来实现jQuery自定义函数。 首先，我们可以直接在jQuery对象上定义方法。比如： ```...
jQuery自定义函数
我们不生产任何代码 只做代码的搬运工
04-15 533
方法一： script type="text/javascript">     $.fn.setApDiv=function () {        //apDiv浮动层显示位置居中控制        var wheight=$(window).height();        var wwidth=$(window).width();        v
jQuery在页面加载的时候自动调用某个函数的方法
xcyz0603的博客
11-26 6026
第一种： $(document).ready(function(){ func(xxx)//执行函数 }); 第二种： $(function(){ func(xxx)//执行函数 }); 第三种： jQuery(function($) { func(xxx)//执行函数 }); 如果不用jquery，在页面初始化的方法， 1.在body里面写onload 2.在脚本里面写 ...
jquery 自定义方法调用示例
07-27
NULL 博文链接：https://chenshuai365-163-com.iteye.com/blog/737126
JQuery 自定义函数
江南V的博客
10-10 533
JQuery 自定义函数 1、前言 像我这样没有经过系统学习前端的同学，对jquery的理解估计还只是停留在基本的使用上，在这里抽出时间梳理下，jquery自定义方法，以及基本的调用，毕竟在网上用了那么多jquery第三方插件，却还不知道怎么定义的。 2、自定义函数及其使用示例 <!DOCTYPE html> <html> <head> <meta ...
jQuery中添加自定义或函数方法
程序员的修行之旅
12-17 410
方法一：    jQuery.fn.setApDiv=function () {         //apDiv浮动层显示位置居中控制         var wheight=$(window).height();         var wwidth=$(window).width();         var apHeight=wheight-$("#apDiv").height()
怎样用jQuery自定义函数方法，用$可调用
biubiubiu
01-14 7223
2021-01-14 楼上在装修，电钻交响乐，可真是吵死我了… 一、jQuery自定义函数的几种方法 1. 方法一：$.fn.functionName 最先登场的是百度经验提供的方法，需要绑定某个DOM元素使用 <button id="btn">test</button> <script> //定义方法 $.fn.myFunc1 = function(param){ $(this).on('click',function(){ console.log.
jQuery深入之源码解析（二）——自调用匿名函数
Daisy花园
06-03 3838
jQuery自调用匿名函数，即jQuery的所有代码都被包裹在一个立即执行的匿名函数表达式中，这种结构叫做“自调用匿名函数”。当浏览器加载完jQuery文件后，自调用匿名函数就会开始执行，**初始化**jQuery的各个模块。自调用匿名函数的三种写法方法一 jQuery1.7.7采用的这种写法(function(){ //... })()方法二(function(){ //.... }())方法三
jq在html中如何调用函数调用函数调用,jquery中怎么调用jquery的自定义方法？
weixin_32224199的博客
06-04 1468
jquery中怎么调用jquery的自定义方法？下面本篇文章给大家介绍一下怎么调用jquery自定义方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在jquery中，可以通过$符号以点+自定义函数名($.+函数名)的形式，便可实现自定义方法的调用。下面举例讲解在jquery中，怎么调用jquery自定义方法。1、新建一个html文件，命名为test.html，用于讲解在jqu...
如何调用Jquery
qiaojianhua111的专栏
03-30 662
在把Jquery的开发包导入之后，还需要在要用到Jquery的页面调用并且你的调用Jquery代码不能写在这里面，否则功能实现不了。想要实现，可以写在中间就可以了，另外的一种可能就是把代码写在Jquery的那个导入包里面，也同样可以实现，注意不要写在带Src的Script里面。
jquery 自定义函数
最新发布
09-03
在jQuery中，我们可以使用两种方式来添加自定义函数。第一种方式是使用$.fn.extend方法或jQuery.fn来扩展jQuery对象的原型，例如$.fn.extend({'aa':function(){}}) 或 jQuery.fn.aa=function(){}。使用这种方式添加...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值