`
zhangdaiscott
  • 浏览: 410282 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
8fb25857-16b4-3681-ab5e-e319f45c42a8
Jeecg快速开发平台
浏览量:0
文章分类
社区版块
存档分类

jquery中this与$(this)的用法区别.

 
阅读更多
jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。 但是如果将this换成$(this)就不是那回事了,就会报错了。 以下写法是错误的: $("#textbox").hover( function() { $(this).title = "Test"; }, function() { $(this).title = "OK"; } ); 这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。 JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样: 正确的写法: $("#textbox").hover( function() { $(this).attr('title', 'Test'); }, function() { $(this).attr('title', 'OK'); } ); 使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。
分享到:
评论

相关推荐

    js原生态函数中使用jQuery中的 $(this)无效的解决方法.docx

    js原生态函数中使用jQuery中的 $(this)无效的解决方法.docx

    jQuery 中$(this).index与$.each的使用指南

    主要介绍了jQuery 中$(this).index与$.each的使用方法,以及使用环境,有需要的小伙伴自己参考下吧

    jQuery 选择方法及$(this)用法实例分析

    主要介绍了jQuery 选择方法及$(this)用法,结合实例形式分析了jQuery 选择方法及$(this)相关使用技巧与注意事项,需要的朋友可以参考下

    jQuery中$this和$(this)的区别介绍(一看就懂)

    // 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。 (function($){ $.fn.hilight = function(options){ debug(this); var defaults = { foreground: 'red', ...

    jquery $(this).attr $(this).val方法使用介绍

    获取节点属性名的值,相当于getAttribute(key)方法 $(this).attr(key, value); 设置节点属性的值,相当于setAttribute(key,value)方法 eg:”w_1″ class=”widget” diywidgetid=”${template.diyWidgetId}”>...

    详谈$.data()的用法和作用

    jQuery.data 即$.data()。向元素附加数据,然后取回该数据 这是提供给客户端程序员使用的方法,它同时是setter/getter。 传一个参数,返回附加在指定元素的所有数据,即thisCachejQuery.data(el); // thisCache 传二...

    jQuery中event.target和this的区别详解

     2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target). 比如,一个很简单的例子. $(event.target)指向触发事件的元素. 当点击蓝色小方框时, 蓝色小方框会变成...

    jQuery-ui Demo 官方UI插件

    最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...

    Jquery学习手册

    jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...

    jquery插件使用方法大全

    例如,使用了新的jQuery内部Ajax API就可以实现下面的代码了: // Assign handlers immediately after making the request, // and remember the jxhr object for this request var jxhr = $.ajax({ url: "example....

    jQuery源码分析之jQuery.fn.each与jQuery.each用法

    本文实例讲述了jQuery源码分析之jQuery.fn.each与jQuery.each用法。分享给大家供大家参考。具体分析如下: 先上例子,下面代码的作用是:对每个选中的div元素,都给它们添加一个red类 复制代码 代码如下:$(‘div’)....

    jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析

    deep是布尔值,表示是否进行深度合并,默认是false...使用:$.add(1,3)=====>4; 给jQuery实例对象添加扩展时用$.fn.extend(); $.fn.extend({gys:function(){$(this).css(“color”,”red”)}}); 调用:$(“div.guo”).gys()

    Jquery中的$.each获取各种返回类型数据的使用方法

    $.each(arr, function(){ alert(this); }); 上面这个each输出的结果分别为:one,two,three,four var arr = [ "aaa", "bbb", "ccc" ]; $.each(arr, function(i,a){ alert(i); // i 是循环的序数 ...

    js原生态函数中使用jQuery中的 $(this)无效的解决方法

    今天遇到一个听郁闷的问题,正如title所说 js中原生态函数在jQuery 中使用 $(this) 被解析成undefined

    jQuery完全实例.rar

    jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...

    jquery.flot.addTitle.js:向绘图画布添加标题

    jquery.flot.addTitle.js 向绘图画布添加标题。 安装 在包含 jquery.flot.js 之后,只需包含 jquery.flot.addTitle.js。 例子: < script src =' /flot/jquery.flot.addTitle.js ' > </ script > ...

    $.format,jquery.format 使用说明

    代码如下:$.format = function (source, params) { ... return $.format.apply(this, args); }; if (arguments.length > 2 && params.constructor != Array) { params = $.makeArray(arguments).slice(1); } if (params

    jQuery详细教程

    提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

Global site tag (gtag.js) - Google Analytics