【网站转换源码】【如意算命源码】【fescarrm模块源码】jquery源码this

时间:2024-12-26 02:11:09 编辑:企业审批系统源码 来源:php源码 静态

1.关于jQuery 代码的书写形式
2.jQuery中$this和$的区别介绍
3.jQuery简单实现MD5加密的源码方法

jquery源码this

关于jQuery 代码的书写形式

       1、定义jQuery变量的时候添加var关键字

       ã€€ã€€è¿™ä¸ªä¸ä»…仅是jQuery,所有javascript开发过程中,都需要注意,不要定义成如下:  

  $loading = $('#loading'); //这个是全局定义

       2、使用一个var来定义变量

       ã€€ã€€å¦‚果使用多个变量的话,如下方式定义:

var page = 0,

         $loading = $('#loading'),

         $body = $('body');

       ä¸è¦ç»™æ¯ä¸€ä¸ªå˜é‡éƒ½æ·»åŠ ä¸€ä¸ªvar关键字

       3、定义jQuery变量

       ã€€ã€€ç”³æ˜Žæˆ–者定义变量的时候,请记住如果定义的是jQuery的变量,添加一个$符号到变量前,如下:

var$loading = $('#loading');

       è¿™é‡Œå®šä¹‰æˆè¿™æ ·çš„好处在于, 可以有效的提示自己或者其它阅读 代码的用户,这是一个jQuery的变量

       4、DOM操作请务必记住缓存(cache)

           åœ¨jQuery代码开发中,常常需要操作DOM,DOM操作是非常消耗资源的一个过程,而往往很多人都喜欢这样使用jQuery:

$('#loading').html('完毕');

       $('#loading').fadeOut();

       ä»£ç æ²¡æœ‰ä»»ä½•é—®é¢˜ï¼Œ 也可以正常运行出结果,但是这里注意 每次定义并且调用$('#loading')的时候,都实际创建了一个新的变量,如果 需要重用的话,记住一定要定义到一个变量里,这样可以有效的缓存变量内容,如下:

var $loading = $('#loading');

       $loading.html('完毕');$loading.fadeOut();

       è¿™æ ·æ€§èƒ½ä¼šæ›´å¥½ã€‚

       5、使用链式操作

       ã€€ã€€ä¸Šé¢é‚£ä¸ªä¾‹å­ï¼Œå¯ä»¥å†™çš„更简洁一些:

var $loading = $('#loading');

       $loading.html('完毕').fadeOut();

       6、精简jQuery代码

       ã€€ã€€å°½é‡æŠŠä»£ç éƒ½æ•´åˆåˆ°ä¸€èµ·ï¼Œè¯·å‹¿è¿™æ ·ç¼–码:

// ï¼ï¼åé¢äººç‰©$button.click(function(){

           $target.css('width','%');

           $target.css('border','1px solid #');

           $target.css('color','#fff');

       });

       åº”该这样书写:

$button.click(function(){

           $target.css({ 'width':'%','border':'1px solid #','color':'#fff'});

       });

       7、避免使用全局类型的选择器

  请勿如下方式书写:

       ã€€ã€€    $('.something > *');

       ã€€ã€€è¿™æ ·ä¹¦å†™æ›´å¥½ï¼š

       ã€€ã€€    $('.something').children();

       8、不要叠加多个ID

  请勿如下书写:

       ã€€ã€€    $('#something #children');

       ã€€ã€€è¿™æ ·ä¹¦å†™æ›´å¥½ï¼š

       ã€€ã€€    $('#children');

       9、多用逻辑判断||或者&&来提速

       ã€€

 请勿如下书写:

       if(!$something) {

           $something = $('#something ');

       }

       ã€€ã€€è¿™æ ·ä¹¦å†™æ€§èƒ½æ›´å¥½ï¼š

       $something= $something|| $('#something');

        

       ã€å°½é‡ä½¿ç”¨æ›´å°‘的代码

       ã€€ã€€

    ä¸Žå…¶è¿™æ ·ä¹¦å†™ï¼šif(string.length > 0){ ..}

       ã€€ã€€ä¸å¦‚这样书写:if(string.length){ ..}

       ã€å°½é‡ä½¿ç”¨ .on方法

       ã€€ã€€å¦‚æžœ 使用比较新版本的jQuery类库的话,请使用.on,其它任何方法都是最终使用.on来实现的

       ã€å°½é‡ä½¿ç”¨æœ€æ–°ç‰ˆæœ¬çš„jQuery

       ã€€ã€€æœ€æ–°ç‰ˆæœ¬çš„jQuery拥有更好的性能,但是最新的版本可能不支持ie6/7/8,所以大家需要自己针对实际情况选择

       ã€å°½é‡ä½¿ç”¨åŽŸç”Ÿçš„Javascript

       ã€€ã€€å¦‚果使用原生的Javascript也可以实现jQuery提供的功能的话,推荐使用原生的javascript来实现

jQuery中$this和$的区别介绍

       å¯¹è±¡ï¼š$是jQuery的同义词。

       $.ajax,$.each,$.trim

       é€šè¿‡å¯¹è±¡è°ƒç”¨æ–¹æ³•ã€‚

       $("query filter"),实现是一个全局函数,一般是查询特定节点的。

       $(function(){ }),html页面准备好后运行的代码,与$.ready(function(){ })等效,新版提供的功能。

       $this,是变量名。

       $(this),某种程度上,与$("query filter")是一样的,可以理解为,把this指向的对象或基本数据类型转成数组。因为jquery库提供的很多方法,传入的是数组。this指针最常用到的地方是$.each,$("query filter")回调函数中,指向当前遍历到的对象或基本数据类型。

       ä»¥ä¸Šç†è§£æ˜¯çœ‹jquery源码+api参考手册弄明白的。有疑问直接查看jquery源码或api手册核对。

jQuery简单实现MD5加密的方法

       本文实例讲述了jQuery简单实现MD5加密的方法。分享给大家供大家参考,源码具体如下:

       1、源码网站转换源码问题背景

       有两个输入框,源码一个输入明文,源码如意算命源码另一个输入框显示密文

       2、源码fescarrm模块源码实现源码

       <DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>jQuery实现MD5加密</title> <script type="text/javascript" src="js/jquery-1..4.js" ></script> <script type="text/javascript" src="js/jquery.md5.js" ></script> <script> $(function(){ $("#before").blur(function(){ var before = $(this).val(); var beforeVal = $.md5(before); $("#after").val(beforeVal); }); }); </script> </head> <body> <div> <input type="text" id="before" style="width: px;"/><br><br> <input type="text" id="after" style="width: px;"/> </div> </body></html>

       3、源码实现结果

       附:jquery.md5.js文件本站下载地址。源码

       PS:关于加密解密感兴趣的源码朋友还可以参考本站在线工具:

       MD5在线加密工具:

       /password/CreateMD5Password

       迅雷、快车、源码旋风URL加密/解密工具:

源码

       /password/urlrethunder

源码

       在线散列/哈希算法加密工具:

源码

       /password/hash_encrypt

源码

       在线MD5/hash/SHA-1/SHA-2/SHA-/SHA-/SHA-3/RIPEMD-加密工具:

源码

       /password/hash_md5_sha

源码

       在线sha1/sha/sha/sha/sha加密工具:

源码

       /password/sha_encode

源码

搜索关键词:java ftp上传源码