javascript与jquery中的this关键字用法实例分析


Posted in Javascript onDecember 24, 2015

本文实例分析了javascript与jquery中的this关键字用法。分享给大家供大家参考,具体如下:

this 表示当前的对象,这个当前对象可以是表单,<p>等任何元素

1.javascript中this的用法:

JS部分:

<script type="text/javascript">
 function chimg(obj){
  obj.src="./images/2.jpg";
 }
</script>

HTML部分:

<img src="./images/1.jpg" onclick="chimg(this)">

2.jquery 中this的用法:

JS部分:

<script type="text/javascript">
  $(document).ready(function(){
   alert(this.src);
  })
</script>

HTML部分:

<img src="./images/1.jpg" class="img">

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
jQuery学习基础知识小结
Nov 25 Javascript
js比较和逻辑运算符的介绍
Mar 10 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
DIV始终居中的js代码
Feb 17 Javascript
javascript连续赋值问题
Jul 08 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
vue基于element的区间选择组件
Sep 07 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
Dec 24 #Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 #Javascript
基于JS2Image实现圣诞树代码
Dec 24 #Javascript
jquery读写cookie操作实例分析
Dec 24 #Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 #Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 #Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 #Javascript
You might like
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
PHP 检查扩展库或函数是否可用的代码
2010/04/06 PHP
PHP对象转换为数组函数(递归方法)
2012/02/04 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
jQuery实现购物车数字加减效果
2015/03/14 Javascript
Prototype框架详解
2015/11/25 Javascript
jQuery validate插件实现ajax验证重复的2种方法
2016/01/22 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
用move.js库实现百叶窗特效
2017/02/08 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
使用rollup打包JS的方法步骤
2018/12/05 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
如何实现双向绑定mvvm的原理实现
2019/05/28 Javascript
微信小程序如何实现全局重新加载
2019/06/05 Javascript
vue+django实现一对一聊天功能的实例代码
2019/07/17 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
[01:14]英雄,所敬略同——2018完美盛典宣传视频
2018/12/05 DOTA
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
结合OpenCV与TensorFlow进行人脸识别的实现
2019/10/10 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
大学生活动总结模板
2014/07/02 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
初中政治教学工作总结
2015/08/13 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python