jquery 常用代码段汇总

向右看齐 2023-12-26 06:06 98阅读 0赞

1.Jquery 对象 和 dom 对象的逆转 / 如何判断一个对象时 jquery 对象还是 dom 对象

不管是jquery对象还是dom对象，都可以互转的，如果你只需要jquery对象的话 
    function(dom)
    {
      var mydom=$(dom);
    }
    如果你只需要简单的dom对象的话 ：
    function(dom)
    {  
      var mydom=dom;
      if(dom[0]) //这里可以判断dom[0]是否存在，如果存在肯定是jquery对象
     {
      mydom=dom[0];  //把jquery对象转成dom对象
    }
    }

2.jQuery 插件 return this.each中this问题解析  
实例代码：  
jQuery.fn.test2= function()\{  
this.css("background","\#ff0");//这里面的this为jquery对象，而不是dom对象  
return this.each(function()\{ //遍历匹配的元素，此处的this表示为jquery对象，而不是dom对象  
alert("this"+this+this.innerHTML); //提示当前对象的dom节点名称,这里的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。  
\})  
\}  
  
jQuery.fn.test2 是 jquery 插件编写的方法，jQuery.fn只是jQuery.prototype原型对象的别名，如果把上面的jQuery.fn改成jQuery.prototype是一样的，即向jQuery对象里面添加test（）方法，这样以后所有的jQuery对象就都能使用这个test（）方法了  
  
上面 return this.each() ，因为自定义一个 test2 插件，如果想实现jquery 方法连写就需要使用这种写法。这与 each 方法内部实现有关，如果没有显示的 return 语句， each 将返回调用当前 each 方法的jquery对象。  
jquery方法连写实例：$('\#test2').test().hide().height();

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 常用代码段汇总

1.Jquery 对象和 dom 对象的逆转 / 如何判断一个对象时 jquery 对象还是 dom 对象不管是jquery对象还是dom对象，都可以互转的，如果

向右看齐/ 2023年12月26日 06:06/ 0 赞/ 99 阅读

相关 C#常用代码汇总

1、字符串首字母转为大写。 System.Globalization.CultureInfo.CurrentCulture.TextInfo.ToTitleCase(

男娘i/ 2023年10月17日 20:27/ 0 赞/ 15 阅读

相关 C# 自定义常用代码段

DisplayName属性 <?xml version="1.0" encoding="utf-8"?> <CodeSnippets xmlns="http:

左手的ㄟ右手/ 2023年05月28日 12:46/ 0 赞/ 65 阅读

相关 Pytorch常用代码段集锦

本实验内容基于Pytorch 1.5 1 导入包和版本查询 -- coding:utf-8 -- import torch import

冷不防/ 2023年02月24日 11:21/ 0 赞/ 22 阅读

相关 Java 常用代码汇总

1. 字符串有整型的相互转换 String a = String.valueOf(2); //integer to numeric string int

谁借莪１个温暖的怀抱￠/ 2022年09月16日 00:20/ 0 赞/ 233 阅读

相关 iOS 常用代码汇总（持续更新）

作为一个对代码语言永远也学不会深拷贝的程序员，如何保存使用过的代码并有效查询是一件非常关键的事情，因此将查到的代码片段汇总，留着以后用。。。。使用xib

ゞ浴缸里的玫瑰/ 2022年08月21日 09:52/ 0 赞/ 339 阅读

相关常用工具类代码段

/ 获取request @return @return / public static HttpServletRequest getRequest

怼烎@/ 2022年07月16日 15:12/ 0 赞/ 212 阅读

相关 python 常用代码段汇总（二）下划线转驼峰计算 md5 值

最近一直在写一套基于 `python` 的 `sanic` `web` 框架库的 `restFul` 接口的底层框架。由于我是初学，挑战这个任务基本上是属于不自量力型的。但目前

素颜马尾好姑娘i/ 2022年05月17日 00:35/ 0 赞/ 280 阅读

相关 ES6 常用代码汇总

// 模板字符串 let name = 'Brady'; let statement = `Hello, ${ name}`; //

叁歲伎倆/ 2022年01月06日 12:37/ 0 赞/ 292 阅读

相关 Java常用代码汇总

点击上方 [Java后端][Java]，选择设为星标优质文章，及时送达 ![format_png][] 1. 字符串有整型的相互转换 String a

朴灿烈づ我的快乐病毒、/ 2021年08月20日 00:52/ 0 赞/ 526 阅读