javascript与jquery中的this关键字用法实例分析
更新时间:2015年12月24日 14:56:27 作者:cui_angel
这篇文章主要介绍了javascript与jquery中的this关键字用法,结合实例形式简单分析了this关键字用于获取当前对象的使用技巧,非常简单易懂,需要的朋友可以参考下
本文实例分析了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中手动实现Array.prototype.map方法
在前端开发中,我们经常需要对数组进行操作和处理,本文主要介绍了JavaScript中手动实现Array.prototype.map方法,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
本文要介绍的是网页中常见的图片上传后直接在页面生成小图预览的实现思路,考虑到该功能有一定的适用性,于是把相关的逻辑封装成了一个ImageUploadView组件,实际使用效果可查看下一段的git效果图2016-04-04
Javascript基于jQuery UI实现选中区域拖拽效果
这篇文章主要介绍了Javascript基于jQuery UI实现选中区域拖拽效果的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-11-11
JavaScript ES6中export、import与export default的用法和区别
这篇文章主要给大家介绍了JavaScript ES6中export、import与export default的用法和区别,文中介绍的非常详细,相信对大家学习ES6会有一定的帮助,需要的朋友可以参考借鉴,下面来一起看看吧。2017-03-03


最新评论