html的标签中的this应该如何使用

html-css010

html的标签中的this应该如何使用,第1张

<html> 

<head> 

<script type="text/javascript"> 

function showHint(str){ 

alert(str)  

</script> 

</head> 

<body> 

<input type="text" onkeyup="showHint(this.value)"/> <!--此处,在html标签中的this代表的是此标签--> 

</body> 

</html>

1、表示对象不同:this表示的是javascript提供的当前对象,$(this)表示的是用jquery封装候的当前对象。

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关键字