jquery:this和$(this)

slege

于 2014-10-03 10:57:19 发布

阅读量1k

点赞数

分类专栏： js+jq+node+express+backbone

本文链接：https://blog.youkuaiyun.com/yangyafeiac/article/details/39754327

版权

js+jq+node+express+backbone 专栏收录该内容

12 篇文章

订阅专栏

举一个简单的jquery的例子

<html>
<head>jquery_each</head>
<script type="text/javascript" src='jquery.js'></script>
<body>
	<p>hello world</p>
	<input type='button' id='1' value='?'>
	<input type='button' id='2' value='?'>
</body>
<script type="text/javascript">
	$(document).ready(function(){
		$('input').each(function(){
			$(this).click(function(){
				alert(this.id);
				$(this).attr('value',this.id);
			});
		});
	});
</script>
</html>

我在页面中创建了两个button，然后同jquery语句$('input')选择到，这里选择到了两个，用each来对每一个进行操作。

this代表你选择到的html对象，this里卖弄包含你所选对象的属性，比如id,type...

$(this)代表你选择的jquery对象，你可以对$(this)进行jquery语句操作。