javascript与jquery中的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程序设计有所帮助。
相关推荐
-
js原生态函数中使用jQuery中的 $(this)无效的解决方法
我今天的例子是这样的, 复制代码 代码如下: $("ul li").hover(function(){ setTimeout(function(){ $(this).addClass("test"); alert("延迟了0.3s 我出现了!") //测试 },300) }) 在运行时,这个黄色部分是不执行的 ,然后我弹出了一下$(this)原来是undefined (其实已经猜到了): 然后我就没想(习惯),直接到百度找了,然后没找到答案,然后
-
JS和jQuery通过this获取html标签中的属性值(实例代码)
废话不多说了,具体代码如下所示: <html> <head> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> /** JQUERY 通过当前标签属性名,获取属性的值 */ function attrsByJquery(obj){ var
-
javascript与jquery中的this关键字用法实例分析
本文实例分析了javascript与jquery中的this关键字用法.分享给大家供大家参考,具体如下: this 表示当前的对象,这个当前对象可以是表单,<p>等任何元素 1.javascript中this的用法: JS部分: <script type="text/javascript"> function chimg(obj){ obj.src="./images/2.jpg"; } </script> HTML部分: 复制代
-
JQuery中基础过滤选择器用法实例分析
本文实例讲述了JQuery中基础过滤选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he
-
JQuery中属性过滤选择器用法实例分析
本文实例讲述了JQuery中属性过滤选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he
-
JQuery中DOM事件合成用法实例分析
本文实例讲述了JQuery中DOM事件合成用法.分享给大家供大家参考.具体分析如下: jQuery有两个合成事件--hover()方法和toggle()方法,类似前面讲过的ready()方法,hover()方法和toggle()方法都属于jQuery自定义的方法. hover()方法 hover()方法的语法结构为: hover(enter,leave); hover()方法用于模拟光标悬停事件.当光标移动到元素上时,会触发指定的第1个函数(enter);当光标移出这个元素时,会触发指定的第2个
-
jQuery中[attribute^=value]选择器用法实例
本文实例讲述了jQuery中[attribute^=value]选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取属性值是以某些值开始的元素. 语法结构: 复制代码 代码如下: $("[attribute^=value]") 参数列表: 参数 描述 attribute 属性名称. value 元素数属性开始的值. 引号在大多数情况下是可选的.但在遇到诸如属性值包含"]"时,用以避免冲突. 实例代码: 实例一: 复制代码 代码如下: <!DOCT
-
jQuery中复合属性选择器用法实例
本文实例讲述了jQuery中复合属性选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配同时满足多个属性条件的元素. 语法结构: 复制代码 代码如下: [selector1][selector2][selectorN] 参数列表: 参数 描述 selector1 属性选择器. selector2 另一个属性选择器,用以进一步缩小范围. selectorN 任意多个属性选择器,也是用来缩小范围. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html&g
-
jquery中one()方法的用法实例
本文实例讲述了jquery中one()方法的用法.分享给大家供大家参考.具体分析如下: jQuery中的one()方法:表示只执行一次,代码如下: 复制代码 代码如下: <html> <head> <title>jquery事件:one()方法的使用</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
-
JAVA中的final关键字用法实例详解
本文实例讲述了JAVA中的final关键字用法.分享给大家供大家参考,具体如下: 根据上下文环境,java的关键字final也存在着细微的区别,但通常指的是"这是无法改变的."不想改变的理由有两种:一种是效率,另一种是设计.由于两个原因相差很远,所以关键子final可能被误用. 接下来介绍一下使用到final的三中情况:数据,方法,类 final数据 许多编程语言都有某种方法,来向编译器告知一块数据是恒定不变的.有时数据的恒定不变是很有用的,例如: 1. 一个编译时恒定不变的常量 2.
-
JavaScript中this关键字用法实例分析
本文实例总结了JavaScript中this关键字用法.分享给大家供大家参考,具体如下: 例1: function a(){ var user = "yao"; console.log(this.user);//undefined console.log(this);//window } a(); 等价于: function a(){ var user = "yao"; console.log(this.user);//undefined console.log(t
-
Python中super关键字用法实例分析
本文实例讲述了Python中super关键字用法.分享给大家供大家参考.具体分析如下: 在Python类的方法(method)中,要调用父类的某个方法,在Python 2.2以前,通常的写法如代码段1: 代码段1: class A: def __init__(self): print "enter A" print "leave A" class B(A): def __init__(self): print "enter B" A.__init
随机推荐
- php自定义错误处理用法实例
- 微信小程序获取微信运动步数的实例代码
- Python通过future处理并发问题
- Python中字典创建、遍历、添加等实用操作技巧合集
- 基于对象合并功能的实现示例
- Yii框架数据模型的验证规则rules()被执行的方法
- winform绑定快捷键的方法
- Android Studio时间选择器的创建方法
- PL/SQL实现JAVA中的split()方法的例子
- JavaScript高级程序设计 读书笔记之十一 内置对象Global
- Vue.js原理分析之observer模块详解
- SpringMVC使用@Valid注解进行数据验证的方法
- 详解Nginx虚拟主机配置中server_name的具体写法
- MySQL优化之表结构优化的5大建议(数据类型选择讲的很好)
- js两种拼接字符串的简单方法(必看)
- JS限制上传图片大小不使用控件在本地实现
- JavaScript提高网站性能优化的建议(二)
- SpamAssassin的简单应用
- Rewrite.dll生成html
- VC使用TerminateProcess结束进程实例