jquery 常用代码段汇总

向右看齐 2023-12-26 06:06 70阅读 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 条评论，70人围观）

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

相关阅读

相关 PyTorch 常用代码段整理合集

https://zhuanlan.zhihu.com/p/59205847][https_zhuanlan.zhihu.com_p_59205847] 本文代码基于Py...

╰+哭是因爲堅強的太久メ/ 2024年04月17日 06:04/ 0 赞/ 78 阅读

相关 jquery 常用代码段汇总

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

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

相关 Jquery 50个实用jQuery代码段

本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的

墨蓝/ 2023年10月18日 14:57/ 0 赞/ 122 阅读

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

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

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

相关 Java 常用代码汇总

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

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

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

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

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

相关常用工具类代码段

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

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

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

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

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

相关 ES6 常用代码汇总

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

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

相关 Java常用代码汇总

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

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