[实践Ok]jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探，this传处变量等

Tue, 01 Mar 2011 07:54:35 +0000

aaa
bbb
ccc
ddd

来源：http://zhidao.baidu.com/question/151134452.html

起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

});

</script>
</head>
<body>
<span>aaa</span>
<span>bbb</span>
<span>ccc</span>
<span>ddd</span>
<select name="btn" id="btn" >
<option value="1">日志标题</option>
<option value="2">日志全文</option>
<option value="3">评论引用</option>
<option value="4">所有留言</option>
<option value="5">页面搜索</option>
</select>
<script type="text/javascript">
$("#btn").bind("click",function(){
    alert($(this).val());
})

$("#btn").click(function(){
alert($(this).html()); //把DOM的this对象包装成jq对象
});
</script>
</body>

http://neatstudio.com/show-833-1.shtml

javascript中onclick(this) 中的this指当前什么东西？
this就是当前标签本身
onclick=xxx(this)表示一个单击事件，来进行调用xxx(this)这个JavaScript函数。而xxx(this)函数中的this表示你要进行单击对象的本身。

把this当做参数传到函数中去,实践Ok:

于是最上面那个可以用onclick事件来传入到函数中，并用juqury来进行操作，如下实践Ok：

点击后，结果如下：

结果：

结果：1

而两种this获取Id值是这样的，实践也OK，如下：

对于多个id的按钮下进行click时，查找是哪个id值被点了，如下，但是有发ajax后，就不能在ajax里去写this了，那就是ajax那个this了，只能传入，如下所示：

通过this传入变量：
在

向东博客专注WEB应用构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除

[实践Ok]jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探，this传处变量等

[评论] [实践Ok]jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探，this传处变量等

向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除

[实践Ok]jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探，this传处变量等

[评论] [实践Ok]jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探，this传处变量等

向东博客专注WEB应用构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除