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
随机推荐
- 与MSSQL对比学习MYSQL的心得(四)--BLOB数据类型
- 星外PHP4升级到PHP5的注意事项与方法
- iOS 三级下拉菜单功能实现
- 进一步探究Python中的正则表达式
- C#运行CGI程序实例
- SlideView 图片滑动(扩展/收缩)展示效果
- jquery实用技巧之输入框提示语句
- Vue 短信验证码组件开发详解
- Java中的类加载器_动力节点Java学院整理
- 10个实用的PHP正则表达式汇总
- javascript内存分配原理实例分析
- javascript状态栏的字符先杂乱出现再排列组合的代码
- Win2012 R2 IIS8.5+PHP(FastCGI)+MySQL运行环境搭建教程
- Java零基础教程之Windows下安装 JDK的方法图解
- c语言实现系统时间校正工具代码分享
- winform实现限制及解除鼠标移动范围的方法
- Python实现的桶排序算法示例
- PHP实现微信申请退款流程实例代码
- Pycharm配置远程调试的方法步骤
- SpringBoot启动报错Failed to determine a suitable driver class