jquery this thiz用法
1、jquery 中$(this)也就代表选中当前对象，js中this代表是当前html中某个textbox,下面我们来看看，我们先写一个简单的html,
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head</head><body><div style="width: 100%;background: aliceblue;height: 100px"></div></body><script alert(this) 看看this 输出什么，</script></html>
我们发现 输出当前window对象,具体如下图所示:
2、所以很多时候我们可以直接通过它来取值，比如我们要得到窗口高度，得到当前宽度等，如下我们还可以查看它的具体值
3、当然也可以代表当前被选择的一个对象，如下我们先来做个a标签的点击事件，点击后让网页上的字体变成红色
body部分：
<body><div style="width: 100%;background: aliceblue;height: 100px"> <a href="javascript:void(0)" class="red">变成红色</a></div></body>
javascript部分：
$('.red').click(function () { $(this).css('color','red')})
点击后字体变色，这里的this就代表被选中的这个a标签
4、我们在看看，直接把这个对象作为参数传过去可以吗，如下所示
增加a标签：
<a href="javascript:void(0)" onclick="changecolor(this)" class="green">变成绿色</a><br>
增加changecolor方法，里面传入this参数
function changecolor(v) { $(v).css('color','green')}
具体如下两图所示
5、在项目或者网页上我们看到的thiz很多时候只是个参数，他是被作为一个被选中对象，有时候也把this对象传给它，如下所示我们来看看thiz作为参数
增加a标签
<a href="javascript:void(0)" onclick="deletea()" class="green" id="del">删除这个a标签</a><br>
增加方法：
function deletea() { thiz= $('#del') thiz.toggle()}，
代码如图一所示，图二三是原图和操作和的图
6、当然也可以把this传给它，因为它只是个参数，如下所示，我们把步骤四中参数改为thiz也是可以的
function changecolor(thiz) { $(thiz).css('color','green')}
7、注意head中要引入，jquery地址，我使用的是cdn的 <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>