jquery获取并修改触发事件的DOM元素示例【基于target 属性】
更新时间：2019年10月10日 11:28:31 作者：flysnownet
这篇文章主要介绍了jquery获取并修改触发事件的DOM元素,结合实例形式分析了jQuery基于target 属性获取到触发该事件的dom并修改的相关操作技巧,需要的朋友可以参考下
本文实例讲述了jquery获取并修改触发事件的DOM元素。分享给大家供大家参考，具体如下：
需求
当点击关注后，改变按钮样式并显示取消关注，如图
实现
利用jQuery的 target获取到触发该事件的dom,然后修改它
target 属性
代码：
HTML
<div class="people-desc">
<div class="people-name">{$vo['nickname']}</div>
<div class="people-state" οnclick="toFollow({$vo['follow_user_id']})">+关注</div>
</div>
function toFollow(follow_user_id) {
console.log(event);
var toUrl = "{:url('index/follow/toFollow')}";
var postData = {follow_user_id:follow_user_id};
$.post(
toUrl,
postData,
function (result) {
if(result.code == 0){
target.outerHTML = "<div class=\"people-state active\" οnclick=\"toFollow("+follow_user_id+")\">取消关注</div>";
}else{
//失败
layer.msg(result.msg);
}
},"JSON");
}
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
想实现一个模态的框框，找了很多的jquery插件，都没有碰到自己满意的于是自己摸索了一个，接下来为大家介绍下实现的思路及代码，希望对你有所帮助2013-04-04
如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，下面将思路及具体实现与大家分享下2014-09-09
jQuery on()方法绑定动态元素的点击事件实例代码浅析
这篇文章主要介绍了jQuery on()方法绑定动态元素的点击事件的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery制作简洁的图片轮播效果，代码非常的精简，小伙伴们可以自己美化下，自由扩展。2015-04-04
本文给大家分享两种jquery 的ajax防止重复提交的方法，第一种方法对于onclick事件触发的ajax，在beforeSend中使点击按钮不可用，ajax结果返回后置为可用，第二种利用jquery ajaxPrefilter中断请求，对于详情请参考下本文2016-10-10
这篇文章主要介绍了通过jquery实现类似EasyUI的页面布局可改变左右的宽度,需要的朋友可以参考下2014-07-07
jquery同时选择两个id对象的时候，可以用add来实现。2010-10-10
这篇文章主要介绍了jQuery中:submit选择器用法,实例分析了:submit选择器的功能、定义及匹配提交按钮的使用技巧,需要的朋友可以参考下2015-01-01
本篇文章是对JQuery.Ajax中的错误调试帮助信息进行了详细的分析介绍，需要的朋友参考下2013-07-07
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档 中对数组的介绍,顺便对jQuery数组做个总结.温故,知新.2010-11-11
最新评论