jquery this 与javascript的this

 
<div class="list"><table><thead><tr><th width="110" rowspan="2">用户名id</th><th width="155" rowspan="2">用户名</th><th width="80" rowspan="2">姓名</th><th width="240" rowspan="2">手机号</th><th width="140" rowspan="2">qq</th><th width="140" rowspan="2">获奖时间</th><th width="140" rowspan="2">操作</th></tr></thead><tbody><tr><td>2007502</td><td>asdf123g</td><td>你好</td><td>18288668556</td><td></td><td>2014-06-18</td><td><a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="122" class="award-give js-aaa">未发放</a></td></tr><tr><td>2007502</td><td>asdf123g</td><td>你好</td><td>18288668556</td><td></td><td>2014-06-18</td><td><a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="101" class="award-give js-aaa">未发放</a></td></tr><tr><td>2021188</td><td>jami12123</td><td>test</td><td>15873124444</td><td></td><td>2014-06-18</td><td><a href="javascript:;" class="award-gived">已发放</a></td></tr><tr><td>1722723</td><td>songjing2013</td><td>songjing</td><td>13123233232</td><td></td><td>2014-06-18</td><td><a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="35" class="award-give js-aaa">未发放</a></td></tr><tr><td>1722723</td><td>songjing2013</td><td>songjing</td><td>13123233232</td><td></td><td>2014-06-18</td><td><a data-url="http://m.9first.com/admin/activity/awardCheck" data-value="33" class="award-give js-aaa">未发放</a></td></tr></tbody>
<!--                        <tfoot><tr><td colspan="10"><a href="">上一页</a><a href="">1</a><a href="">2</a><span>……</span><a href="">4</a><a href="">下一页</a></td></tr></tfoot>--></table></div>
 

 



<
script type="text/javascript"> $(function() {var $wrap = $('.list');$wrap.on('click','.award-gived',function(){alert("奖品已发放!");});$wrap.on('click', '.js-aaa', function() {var $this = $(this),url = $this.data('url'),v = $this.data('value');if(confirm('确认标记奖品为已发放?')){$.ajax({url: url,data: {id: v},type: 'post',success: function(response) {if(response.status == 0) return alert('操作失败!');else{alert('操作成功!');//window.location.reload(); $this.html('已发放').removeClass('js-aaa');}}});}}); }); </script>

jquery的写法:var $this = $(this),
原生js的写法: var $this = this,

区别还是很大的。原生的里面不能操作自己添加的属性,
而jquery的里面可以这样操作 var url = $this.data('url'),

对于js写的比较少的人,作为一个小的知识点~~

转载于:https://www.cnblogs.com/jami918/p/3801049.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/293532.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

这个避孕套让生活更和谐……

1 三连暴击▼2 开塞露还能这样用&#xff1f;▼3 这真不是打架&#xff1f;▼4 送礼佳品&#xff0c;必拉黑神器&#xff01;▼5 孩子&#xff1a;爹妈&#xff0c;真的可以再考虑一下的......▼6 四只手才能拆的避孕套▼7 谭警官&#xff1a;莫挨我&#xff01;&#xff…

WPF GridControl控件的用法举例

01—前言WPF中自带的表格控件是DataGrid&#xff0c;但是格式并不是很美观&#xff0c;我们一般用Dev中类似的控件GridControl来取代&#xff0c;这个控件功能相当强大。WPF数据网格&#xff08;GridControl&#xff09;是一个数据感知控件&#xff0c;用于以不同的布局显示和编…

Android之如何ubuntu环境下在手机里面快速找到apk的位置然后拉下来

1、在手机里面通过包名找到APK的位置 adb shell pm list packages -f | grep acr -f 是文件路径的意思acr是过滤包名的apk名字结果显示package:/data/app/com.nll.acr-1/base.apkcom.null.acr2、得到apk路径之后&#xff0c;修改名字,拉倒本地 adb pull /data/app/com.nll.acr-…

《黑书》hdu1271递推习题:整数对

我能说这道题目被黑书坑了吗&#xff1f;这是递推题&#xff1f;......好吧&#xff0c;那么我是的确没有想到这样去做的。只是想着&#xff0c;可以枚举缺少的位&#xff0c;然后用搜索去解决.......但是我仔细思考&#xff0c;觉得用搜索太麻烦了&#xff0c;要处理很多细节&…

推荐我看过的几本好书给大家!(2)

继续从亚马逊盗图&#xff01;哈哈&#xff01; 这本书感觉很不错&#xff0c;对于算法&#xff0c;个人觉得还是需要掌握的&#xff0c;毕竟你不可能一辈子都做最底层的程序员吧&#xff0c;想要获得提升&#xff0c;一方面是经验的积累&#xff0c;另外一方面则是一种厚积薄发…

《SAS编程与数据挖掘商业案例》学习笔记之十四

继续《SAS编程与数据挖掘商业案例》学习笔记系列&#xff0c;本次重点&#xff1a;常用全程语句 所谓全程语句&#xff0c;是指可以用在任何地方的sas语句&#xff0c;既可以用在data数据步语句里面&#xff0c;也可以用在proc过程步里面&#xff0c;甚至可以单独使用&#xff…

细聊.NET6 ConfigurationManager的实现

前言友情提示:建议阅读本文之前先了解下.Net Core配置体系相关&#xff0c;也可以参考本人之前的文章《.Net Core Configuration源码探究 [1]》然后对.Net Core的Configuration体系有一定的了解&#xff0c;使得理解起来更清晰。在.Net6中关于配置相关多出一个关于配置相关的类…

activemq安全设置 设置admin的用户名和密码

ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件&#xff0c;找到 <bean id"securityConstraint" class"org.eclipse.jetty.http.security.Constraint"> <property name"name" value"BASIC" /> <p…

Android之在ubuntu上常用的am、pm命令的总结

adb shell am instrument [options] <COMPONENT> 作用&#xff1a;启动对instrument实例的监视。 参数[options]&#xff1a; -e <key> <value> // -e选项需要放在-w选项之前 作用&#xff1a;提供了以键值对形式存在的测试选项。Android中提供了多种键值对&…

转:IOS开发之----Xcode非ARC项目中设置部分文件ARC支持

ARC是什么 ARC是iOS 5推出的新功能&#xff0c;全称叫 ARC(Automatic Reference Counting)。简单地说&#xff0c;就是代码中自动加入了retain/release&#xff0c;原先需要手动添加的用来处理内存管理的引用计数的代码可以自动地由编译器完成了。该机制在 iOS 5/ Mac OS X 10.…

将数据库设置为运行在限制模式下

将数据库设置为运行在限制模式下 如果要维护数据库的结果或者要对数据库进行数据的导出导入操作时&#xff0c;此时应该尽量限制其他会话进程&#xff0c;保证数据库的操作运行在安全状态下。同时对使用数据的库的用户也可以起到避免读取脏数据的bug。将数据库上的其他用户进程…

《SAS编程与数据挖掘商业案例》学习笔记之十六

《SAS编程与数据挖掘商业案例》学习笔记&#xff0c;本次重点&#xff1a;sas宏变量 内容包括&#xff1a;宏变量、宏函数、宏参数、通配函数、字符函数、计算函数、引用函数、宏语句、宏应用 1.宏触发器&#xff1a; %name-token:是一个宏语句或宏函数 &name-token:是一个…

C# ActionT和 FuncT委托

除了为每个参数和返回类型定义一个新委托类型之外&#xff0c;还可以使用 Action<T> 和 Func<T>委托。泛型 Action<T>委托表示引用一个 void 返回类型的方法。这个委托类存在不同的变体&#xff0c;可以传递至多 16 种不同的参数类型。没有泛型参数的 Action…

linux学习-简单命令介绍及安装VMware Tools

常用简单命令介绍 ethernet以太网pts&#xff1a;模拟终端图形界面&#xff1a;CtrlAltF1 字符界面&#xff1a;CtrlAltF2-F6切换虚拟终端&#xff1a;&#xff08;本机操作&#xff09;# chvt 1-6关闭图形界面,在纯字符界面下操作&#xff1a; init 3打开图形界面&#xff…

Android之6.0 权限申请封装

之前一篇博客初试了Android6.0系统的动态权限申请&#xff0c;成功之后开始思考将权限申请功能封装以供更加方便的调用。 查阅6.0系统权限相关的API&#xff0c;整个权限申请需要调用三个方法&#xff1a; 1. ContextCompat.checkSelfPermission() 检查应用是否拥有该权限&a…

Samba服务器问题汇总

一个Samba服务器要么经典模式访问&#xff08;用户名密码&#xff09;&#xff0c;要么友好访问&#xff08;guest&#xff09;&#xff0c;只可选其一。㈠准备工作&#xff1a;1>清除客户端windows系统的上次访问自动记录CMD下运行&#xff1a;net use * /delete /y2>关…

Unity手游之路lt;七gt;角色控制器

我们要控制角色的移动&#xff0c;能够所有细节都由自己来实现。控制角色模型的移动&#xff0c;同一时候移动摄影机&#xff0c;改变视角。当然Unity也提供了一些组件&#xff0c;能够让我们做更少的工作&#xff0c;实现我们所期望的功能。今天我们就一起系统来学习相关的内容…