博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery难点备忘
阅读量:6835 次
发布时间:2019-06-26

本文共 1613 字,大约阅读时间需要 5 分钟。

1 jquery绑定事件如何传递参数

$("#btn").bind("click",{"id":"111","name":"aaa"}, getData);    function getData(d) {      alert(d.data.id);      alert(d.data["name"])  }

2 setTimeout里怎么调用对象的方法

setTimeout(    function(self) {      return function() {        alert(self);//这里面用self代替this      }    }(this), 1000);

3 this和$(this)的区别

概念:    this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。    $()生成的是什么呢?实际上$()=jquery(),就是说返回的是一个jquery的对象。    通常我们为了简便直接使用$()。实际上,该函数省略了一个参数context。根据选择器选取匹配的对象即$(selector, context),以jQuery包装集的形式返回。context可以是Dom对象集合或jQuery包装集,传入则表示要从context中选择匹配的对象,不传入则表示范围为文档对象(即页面全部对象),即$(selector)=$(selector,document)。 this指的是,调用函数的那个html对象。例子:$("#textbox").hover(     function() {          this.title = "Test";     },     fucntion() {         this.title = "OK”;     }   );这里的this其实是一个Html元素(textbox),this是js中的。textbox有text属性,所以这样写没什么问题。$("#textbox").hover(          function() {      $(this).title = "Test";          },          function() {      $(this).title = "OK";          }  );这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。总结:  this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。  $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。

 4 app字体自适应

//使用rem策略,不断更新html的fontsize        (function(){                            function sizeHtml(){                var size = $(window).width()/16;                size = size>40?40:size;                $("html").css("font-size",size+"px");            }            sizeHtml();            $(window).resize(function(){                sizeHtml();            })        })()

 

转载于:https://www.cnblogs.com/jager/p/4882997.html

你可能感兴趣的文章
appendChild append insertBefore prepend
查看>>
PHP7 学习笔记(八)JetBrains PhpStorm 2017.1 x64 MySQL数据库管理工具的使用
查看>>
Tomcat下HTTPS双向认证配置以及客户端调用案例
查看>>
[LeetCode] Max Stack 最大栈
查看>>
Linux 防火墙命令的操作命令CentOS
查看>>
Android5.1修改以太网MAC地址(SElinux)【转】
查看>>
学习Key与Value的集合hashtable
查看>>
曾国潘智慧语录
查看>>
mysql中find_in_set()函数的使用
查看>>
DNS 隐蔽通道工具资料汇总
查看>>
with(nolock)的用法
查看>>
【转载】一行代码加载网络图片到ImageView——Android Picasso
查看>>
Android友盟增量更新
查看>>
MDL--元数据锁的锁请求与锁等待+元数据锁类对象
查看>>
nightwatchjs --Expect element to not include text
查看>>
迷你版AOP框架
查看>>
conda环境里安装pydot
查看>>
ci重写 配置文件
查看>>
Guava之FluentIterable使用示例
查看>>
rsync源目录写法的一点小细节
查看>>