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

jackxiang 2011-3-1 15:54 | |

<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("span").click(function(){
alert($(this).html()); //把DOM的this对象包装成jq对象
});
});
</script>
<span>aaa</span>
<span>bbb</span>
<span>ccc</span>
<span>ddd</span>


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



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



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:


点击后,结果如下:

结果:
<option value="1">日志标题</option>
<option value="2">日志全文</option>
<option value="3">评论引用</option>
<option value="4">所有留言</option>
<option value="5">页面搜索</option>

结果:1

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




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




通过this传入变量:
在<a 中实现Js函数的this调用:

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:https://jackxiang.com/post/4076/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2012-5-9 14:42
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]