jquery中this对象的使用

最新推荐文章于 2019-02-01 19:12:18 发布

Java小宝

最新推荐文章于 2019-02-01 19:12:18 发布

阅读量585

点赞数

本文链接：https://blog.csdn.net/xiaobao5214/article/details/52288222

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery</title>
<script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("input[name='username']").blur(function(){ //这里使用了属性选择器，在文本框失去焦点之后执行函数
				alert($(this).val()); //alert文本框内容
				$(this).val("");	//清空文本框内容
			});
		});
	</script>
</head>
<body>
	<input type="text" name="username" />
</body>
</html>

为什么这里的this对象要用$()包起来？

要知道没有jquery 也有js，没有js就没有jquery。 this 是js的东东，函数执行环境中的this 是属于原生js的，怎么能够给你指向jquery对象。穿上$(this)马甲，才是jquery对象。

Java小宝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery中this对象的使用

jquery $(function(){ $("input[name='username']").blur(function(){ //这里使用了属性选择器，在文本框失去焦点之后执行函数 alert($(this).val()); //alert文本框内容 $(this).val(""); //清空文本框内容 }); }); 为什么这里的
复制链接

扫一扫