重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、表示对象不同:this表示的是javascript提供的当前对象,$(this)表示的是用jquery封装候的当前对象。
创新互联建站从2013年开始,先为克山等服务建站,克山等地企业,进行企业商务咨询服务。为克山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
2、过程不同:this对象可以直接用this.style修改样式,$(this)可以使用jquery提供的方法访问样式。
比如this.style.display="none"在jquery中可以用$(this).css("display","none")实现。
扩展资料:
$(this)生成的是什么?
$()生成的是什么呢?实际上$()=jquery(),就是说返回的是一个jquery的对象。
通常我们为了简便直接使用$()。实际上,该函数省略了一个参数context。根据选择器选取匹配的对象即$(selector, context),以jQuery包装集的形式返回。
context可以是Dom对象集合或jQuery包装集,传入则表示要从context中选择匹配的对象,不传入则表示范围为文档对象(即页面全部对象),即$(selector)=$(selector,document)。
this指的是,调用函数的那个html对象。
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。
参考资料:百度百科-this关键字
jquery中$(this).parent()是当前标记的父标记的意思。
在使用 $(this).parent()的时候,需要对他进行操作,要先得到他的父级,然后在进行操作。
parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。
如果给定一个表示 DOM 元素集合的 jQuery 对象,.parent() 方法允许我们在 DOM 树中搜索这些元素的父元素,并用匹配元素构造一个新的 jQuery 对象。.parents() 和 .parent() 方法类似,不同的是后者沿 DOM 树向上遍历单一层级。
该方法接受可选的选择器表达式,与我们向 $() 函数中传递的参数类型相同。如果应用这个选择器,则将通过检测元素是否匹配该选择器对元素进行筛选。
扩展资料
jQuery中的this和$(this)的不同:
$(this)指向jQuery对象是无可厚非的,但this就是指向dom对象,这个是因为jQuery做了特殊的处理。
在创建dom的jQuery对象时,jQuery不仅仅为dom创建一个jQuery对象,而且还将dom存储在所创建对象的数组中。
this[0] = elem这条语句就是实现对象数组。所以javascript是很有意思的语言,使用this访问时,可以访问它所指向的对象的成员函数,而其实this又是一个对象数组。其存放的是dom对象。
bind函数调用的是 on函数,而on函数又是通过 each函数实现了jQuery.event.add。因此 jQuery.event.add( this中的this也就是dom对象了。所以事件中的this也就是dom对象了。
$this只是个自定义的变量;
$(this)是将当前don对象转换成jquery对象 ;
一般定义jquery变量习惯$开头,提高可读性而已。
$(this)是把DOM对象封装成jquery对象,其相当于一个集合。
用法如下:
a href="" target="_blank" data-id="1010000000125418"jQuery/a
$('a').click(function(){
this.innerHTM==$(this).html()=='jQuery';//三者是一样的.
this.getAttribute('href')==this.href==$(this).attr('href')//三者是一样的;
this.getAttribute('target')==this.target==$(this).attr('target')//三者是一样的;
this.getAttribute('data-id')==$(this).attr('data-id')//二者是一样的;
});
1、$("this")是使用标签选择器,查找名为this的标签
2、$(this)取出当前对象并转换为jQuery对象
3、$(this)是jquery对象,能调用jquery的方法,例如click(),
keyup();而this,则是html元素对象,能调用元素属性,例如this.id,this.value
$(obj).find("ul:first").animate({
marginTop:"-50px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
其中this代表 查找的目标ul 对象 ,但这是javascript对象,它是不能直接使用jQuery API的必须转换为jQuery 对象 即 $(this)如此包装 ,即可使用 如 jQuery.css 方法