在《javaScript语言精粹》这本书中，把 this 出现的场景分为四类，简单的说就是：
有对象就指向调用对象
没调用对象就指向全局对象
用new构造就指向新对象
通过 apply 或 call 或 bind 来改变 this 的所指。
函数调用模式中，this为window；方法调用模式中，this为方法所属的对象；构造器调用模式中，this为创建的新对象。
js中的this
我们要记住：this永远指向函数运行时所在的对象！而不是函数被创建时所在的对象。this对象是在运行时基于函数的执行环境绑定的，在全局环境中，this等于window
先来看个例子：
var fullname = "Trigkit4";
var person = {
fullname : 'Jack',
fullname : 'Blizzard',
getFullname : function () {
return this.
console.log(person.prop.getFullname());//Blizzard
var test = person.prop.getF
console.log(test());//Trigkit4
当getFullname被分配到test变量时，上下文指的是全局对象（window）。这是因为test是被隐式设置为全局对象的属性。出于这个原因，该函数返回window的fullname，所以在这里 this 指的是window， 所以返回的是第一个fullname
this 关键字通常在对象的 构造函数中使用，用来引用对象。
关键字this：总是指向调用该方法的对象，如：
var iCar = new Object();
iCar.color = "red";
iCar.showColor = function(){
alert(this.color);//输出"red"
关键字this用在对象的showColor()方法中，在此环境，this等于iCar
使用this是因为在实例化对象时，总是不能确定开发者会使用什么样的变量名。使用this，即可在任意多个地方重用同一个函数。考虑下面的例子：
function showColor(){
alert(this.color);
var oCar1 = new O
oCar1.color = "red";
oCar1.showColor = showC
var oCar2 = new O
oCar2.color = "blue";
oCar2.showcolor =
oCar1.showColor();//输出"red"
oCar2.showColor();//输出"blue"
这段代码中，首先用this定义函数showColor()，然后创建两个对象oCar1和oCar2，一个对象属性被设置为"red",另一个为blue；两个对象都被赋予了属性showColor，指向原始的showColor()函数，调用每个showColor的方法，oCar1输出red，oCar2输出blue。
引用对象属性时，必须使用this关键字。
所有基于全局作用域的变量其实都是window对象的属性（property）。这意味着即使是在全局上下文中，this变量也能指向一个对象。
对于 JScript 的客户版本，如果在其他所有对象的上下文之外使用 this，则它指的是 window 对象。 例如：
&meta http-equiv="Content-Type" content="text/charset=UTF-8" /&
&title&&/title&
&script type="text/javascript"&
alert(this);//弹出 object window；
作为构造函数调用
所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。
&script type="text/javascript"&
function test(){
this.x = 10;
var obj = new test();
alert(obj.x); //弹出 10；
全局环境中的this
在看下面一个this出现在全局环境中的例子：
&script type="text/javascript"&
var name = "全局";
function getName(){
var name = "局部";
return this.
alert(getName());//弹出 全局；
函数getName()所处的对象是window对象，因此this也一定在window对象中。此时的this指向window对象，所以getName()返回的this.name其实是window.name，因此alert出全局。
结论：无论this身处何处，一定要找到函数运行时（或者说在何处被调用 了）的位置。
通过不同的调用语法，改变相同函数内部this的值：
&script type="text/javascript"&
var foo = {
test:function(){
alert(this);
foo.test();//object,因为test方法在调用时属于foo对象
var baz = foo.
baz();//window,因为baz()被调用时属于global对象
局部环境中的this
看下面一个this出现在局部环境中的例子
&script type="text/javascript"&
var name = "全局";
var jubu={
name:"局部",
getName:function(){
return this.
alert(jubu.getName());
其中this身处的函数getName不是在全局环境中，而是处在jubu环境中。无论this身处何处，一定要找到函数运行时的位置。此时函数getName运行时的位置：
alert(jubu.getName());
显然，函数getName所在的对象是jubu，因此this的安身之处定然在jubu，即指向jubu对象，则getName返回的this.name其实是jubu.name，因此alert出来的是“局部”！
作用域链中的this
&script type="text/javascript"&
function scoping () {
console.log(this);
return function () {
console.log(this);
scoping()();
因为scoping函数属于window对象，自然作用域链中的函数也属于window对象。
对象中的this
可以在对象的任何方法中使用this来访问该对象的属性。这与用new得到的实例是不一样的。
var obj = {
foo: "test",
bar: function () {
console.log(this.foo);
obj.bar(); // "test"
无法重写this，因为它是一个关键字。
function test () {
var this = {};
// Uncaught SyntaxError: Unexpected token this
apply 和 call 调用以及 bind 绑定
apply 和 call 调用以及 bind 绑定都是指向绑定的对象，
&script type="text/javascript"&
var bar = {
value: 'huang',
function foo(){
console.log(this);
console.log(foo());//window,函数没有所属对象：指向全局对象
console.log(foo.apply(bar));//即bar.foo()，this指向了bar,所以能读取该对象的所有属性
console.log(foo.call(bar));//ages: 10
value: "huang" __proto__: Object
var newFoo = foo.bind(bar);
console.log(newFoo());//Object
jquery中的this
$()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个jquery的对象。$(this)是jquery对象，能调用jquery的方法，例如click(), keyup()。
$(function () {
$('button').click(function () {
alert(this);//this 表示原生的DOM
//$(this)表示当前对象，这里指的是button
在许多情况下JQuery的this都指向HTML元素节点。
结论：this，表示当前的上下文对象是一个html DOM对象，可以调用html对象所拥有的属性，方法。$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jquery的方法和属性值。
博主近来穷的吃土了，如果看完本文的内容后觉得对你有所帮助，想博主更新的勤一点，你不扫一下吗（留言你想学的前端技术，博主有空了就更新呦）
&segmentFault/&
你可能感兴趣的文章
2 收藏，3.6k
2 收藏，926
23 收藏，718
本文采用 ，分享、演绎需署名且使用相同方式共享。
本文隶属于专栏
分享到微博？
技术专栏，帮你记录编程中的点滴，提升你对技术的理解收藏感兴趣的文章，丰富自己的知识库
明天提醒我
我要举报该，理由是：
扫扫下载 App
SegmentFault
一起探索更多未知其他回答(1)
找个jquery API吧 没有我可以给你
园豆：2101
&&&您需要以后才能回答，未注册用户请先。What is &this&?
In many object-oriented programming languages, this (or self) is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked.
$(&#textbox&).hover(
function() {
this.title = &Test&;
fucntion() {
this.title = &OK”;
这里的this其实是一个Html 元素(textbox)，textbox有text属性，所以这样写是完全没有什么问题的。
但是如果将this换成$(this)就不是那回事了，Error?报了。
Error Code：
$(&#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应该是比较不错的选择。
网上有很多关于jQuery的this和$(this)的介绍，大多数只是理清了this和$(this)的指向，其实它是有应用场所的，不能一概而论在jQuery调用成员函数时，this就是指向dom对象。 $(this)指向jQuery对象是无可厚非的，但this就是指向dom对象，这个是因为jQuery做了特殊的处理。　 在创建dom的jQuery对象时，jQuery不仅仅为dom创建一个jQuer
jQuery.prototype.test=function(){ this.css(&color&,&#99&);//这里的this是jquery对象,而不是dom对象 alert(this[0]);//这里的this[0]指的是dom节点对象 }
$(&body&).click(functio
原来js中的this这么好用
$(document).ready(function(){ 　　var DragElement= 　　$(&#zz&).mousedown(function(){ 　　DragElement=//这时this指的就是$(&#zz&)对象 　　$(document).mousemove(f
如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系.
$(this)[0] ==
上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset();
Java/android 里ClassName.this和this的使用
如果在内部类里面用this就是指这个内部类的实例，而如果用OuterClassName.this就是它外面的那个类的实例
ClassName.this这个用法多用于在nested class(内部类)中，当inner class(内部类)必顺使用到outer class(外部类)的this instance(实例)时，
在Javascript里，setTimeout和setInterval接收第一个参数是一个字符串或者一个函数，当在一个对象里面用setTimeout延时调用该对象的方法时
function obj() { this.fn = function() { alert(&ok&); console.log(this); setTimeout(this.fn, 1
Android this与Activity.this的区别
写语句的时候有两种情况：
Toast.makeText(AlarmActivity.this,&闹钟取消&, Toast.LENGTH_SHORT); Toast.makeText(this,&闹钟5秒后启动&, Toas
$(this).attr(key); 获取节点属性名的值，相当于getAttribute(key)方法
$(this).attr(key, value); 设置节点属性的值，相当于setAttribute(key,value)方法
eg:&div id=&w_1& class=&widget& diywidgetid=&${templat
/* 将this下的div轮番显示 dname指定需要执行此动作的元素，如果没有指定dname，将默认全部子元素; tname指定与dname对应的激活元素; speed显示切换速度; effe显示的效果; */ (function(){ .fn.w_picSwap=function(dname,tname,speed,effe){ speed=speed || 2000; dna
Android中this、super的区别
在 Java中，this通常指当前对象，super则指父类的。当你想要引用当前对象的某种东西，比如当前对象的某个方法，或当前对象的某个成员，你便可以利用this来实现这个目的，当然，this的另一个用途是调用当前对象的另一个构造函数，这些马上就要讨论。如果你想引用父类的某种东西，则非 super莫属。由于this与super有如此相似的一些特性和与生
Windbg 的this指针陷阱
Windbg的this指针陷阱
当进入类的成员函数时，this指针并不是马上指向对象地址，在使用this设置内存断点时，这就是一个巨大的陷阱。下面成类构造函数为例，分析debug版下的汇编代码.
Cpp源码如下：
class Node { public: Node(); }; Node:
MyClass = function () { this.A = 1; } MyClass.prototype.X = function () { this.B = 2; } MyClass.prototype.Y = function () { this.Z = function () { this.C = 3; } } /* 内部对象的 this ? */ obj = new MyClass(
{一}PHP中this,self,parent的区别之一this篇面向对象编程(OOP,Object OrientedProgramming)现已经成为编程人员的一项基本技能。利用OOP的思想进行PHP的高级编程，对于提高PHP编程能力和规划web开发构架都是很有意义的。 PHP5经过重写后，对OOP的支持额有了很大的飞跃，成为了具备了大部分面向对象语言的特性的语言，比PHP4有了很多的面向对象的
关于android 中的this,请大牛来解答 在一个avtivity中会用到newIntent(Student.this,other.class)和newIntent(this,other.class)这两个this中有社么区别？？
在别的地方也会用到
this属性表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子：
&script type=&text/javascript
前两天在写一个chrome的extensions，因为 content里和background交互必需要一个异步方法实现，如：
var Test = new Class({ options: {}, initialize: function(args) { chrome.extension.sendRequest({ 'type':'options' }, function(
而this的具体值则取决于其调用模式。 * 方法调用模式：this被绑定到该对象。 * 函数调用模式：this被绑定到全局对象，网页的情况下绑定到window * 构造器调用模式：this被绑定到新生成的对象。 * 事件处理调用模式分两种情况：参照 * this被绑定到全局对象
&script type=&text/javascript&& f
一、 起因 那天用到prototype.js于是打开看看，才看几行就满头雾水，原因是对js的面向对象不是很熟悉，于是百度+google了一把，最后终于算小有收获，写此纪念一下^_^。 prototype.js代码片段 代码如下:var Class = {
create: function() { &n
写 addEventListener 和 attachEvent 区别的博文不少，不过大部分都把重点放置于前者是Firefox chrome，后者只是存在于IE系列中。
最近在写一个事件代理的时候，遇到一个BUG，发现除此外，二者绑定的执行函数中的 this 是不相同的，addEventListener 和 attachEvent函数在运行时候的上下文是不相同的。 用了一个简单的demo来描述这
前些日子面试的时候用到了this，面试官说我的理解有点偏差，回来看了下书和一些博客，做了点测试，发现自己的理解的确有误 1.全局变量 应该是最常用的吧，函数中调用一个this，这里其实就是全局变量
var value=&0&; function mei(){ var value=&1&; console.log(this.value); //0 cons
我们要记住一句话：this永远指向函数运行时所在的对象！而不是函数被创建时所在的对象。切记… 本文将分三种情况来分析this对象到底身处何方。 普通函数中的this 无论this身处何处，第一要务就是要找到函数运行时的位置。
1 var name=&全局&; 2 function getName(){ 3 v
如在全局作用域调用一个含this的对象，此时当前对象的this指向的是window。为了让this的指向符合自己的意愿，JavaScript提供了两个方法用以改变this的指向，它们是call和apply，当然也有利用闭包来实现的方法。本文通过一个例子来说明这些问题。
先看一段演示代码，这代码只供演示用，没有实际意义。
//一个没有实际意义的socket连接对象 var
介绍this在各种对面对象编程中起着非常重要的作用，主要用于指向调用的对象。不过在JavaScript中，this的表现存在很大差异，特别是不同执行上下文。 由前文我们知道this也是属于执行上下文中的一个属性，所有它命中注定和执行上下文脱不了干系。
activeExecutionContext = { VO: {...}, this: thisValue};
this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子：
&script type=& console.log(
(1) 在全局执行环境中使用this，标识Global对象，在浏览器中就是window对象。 (2)当在函数执行环境中使用this时，如果函数没有明显的作为非window对象的属性，而是只是定义了函数，不管这个函数是不是定义在另一个函数中，这个函数中的this仍然标识window对象。如果函数显示地作为一个非window对象的属性，那么函数中的this就代表这个对象。
TextView tv = new TextView(this) 为什么传参是this? 在java中是一个特殊引用，主要用法有三个：①指代对象本身，及语法格式就是this②访问本类成员变量和成员方法③掉用本类的重载构造方法请问这里的this是哪一种用法？
JavaScript调用时除了声明时定义的形参外，每个函数接受两个附加参数：this 和arguments，this在面向对象编程中非常重要，它取决于调用模式。
JavaScript有四种调用模式，方法调用模式，函数调用模式，构造器调用模式和apply调用模式。这些模式在初始化关键参数this上存在差异。
方法调用模式：当一个函数被保存为对象的一个属性时，我们称它为一个方法，当一个方法被调用时
offsetWidth包括边框的宽度clientWidth不包括
&table border=&1& & &tr& &td onclick=&alert(this.offsetWidth)&&&/td& &td style=&
1.1.1 摘要 相信有C++、C#或Java等编程经验的各位，对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言，它和C++、C#或Java一样都包含this关键字，接下来我们将向大家介绍Javascript中的this关键字。
o全局代码中的this o函数中的this o引用类型 o函数调用以及非引用类型 o引用类型以及this的null值 o函数
1.1.1 摘要 相信有C++、C#或Java等编程经验的各位，对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言，它和C++、C#或Java一样都包含this关键字，接下来我们将向大家介绍Javascript中的this关键字。 本文目录 全局代码中的this 函数中的this 引用类型 函数调用以及非引用类型 引用类型以及this的null值 函数作为构造器被调用
this是面向对象语言中的一个重要概念，在JAVA,C#等大型语言中，this固定指向运行时的当前对象。但是在javascript中，由于 javascript的动态性（解释执行，当然也有简单的预编译过程），this的指向在运行时才确定。这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活，结合apply(call)方法，可以使JS变得异常强大。 2.变化的this 在JavaScript中
{一}PHP中this,self,parent的区别之一this篇 面向对象编程(OOP,Object Oriented Programming)现已经成为编程人员的一项基本技能。利用OOP的思想进行PHP的高级编程，对于提高PHP编程能力和规划web开发构架都是很有意义的。 PHP5经过重写后，对OOP的支持额有了很大的飞跃，成为了具备了大部分面向对象语言的特性的语言，比PHP4有了很多的面向对
在blog的后台管理中允许为一个分类添加一个地址，但是不好添加onclick事件。想传递当前对象给一个函数，于是就将这个URL写成&Javascript:shoControlSidebar(this)&，可是结果发现这并不可行，传递过去的参数是一个对象，但是却得不到任何其他信息。我想得到的是innerText，而这个this并非指向它所在的A标签。
这是&a href=
1，要用this，你必有是一个对像的形势，不然它会报错的，Fatal error: Using $this when not in object context。2，this可以调用本类中的方法和属性，也可以调用父类中的可以调的方法和属性 二，self
1，self可以访问本类中的静态属性和静态方法，可以访问父类中的静态属性和静态方法。2，用self时，可以不用实例化的 三，pa
第一件事情. this指钟是JavaScript语言中的一个特殊指钟,他在代码运行时,指向调用this语句的当前对象. 如果是事件绑定函数,则指向被绑定的元素本身. &scripttype=&text/javascript&& //byGo_Rush(阿舜)from
首先我们来明白上面三个关键字:this,self,parent,从字面上比较好理解,是指这,自己,父亲,呵呵,比较好玩了,我们先建立几个概念,这三个关键字分别是用在什么地方呢?我们初步解释一下,this是指向当前对象的指针(我们姑且用C里面的指针来看吧),self是指向当前类的指针,parent是指向父类的指针。我们这里频繁使用指针来描述，是因为没有更好的语言来表达，呵呵，语文没学好。
this的工作原理 如果一个函数被作为一个对象的方法调用，那么this将被指派为这个对象。
var parent = {
method: function () {
console.log(this);
javascript是一门动态语言，最明显就是那个dynamic this。它一般都是作为函数调用者存在。在javascript，所有关系都可以作为对象的一个关联数组元素而存在。那么函数就是被掰成两部分储存于对象，一是其函数名（键），一是函数体（值），那么函数中的this一般都指向函数所在的对象。但这是一般而已，在全局调用函数时，我们并没有看到调用者，或者这时就是window。不过，函数声明后，其
以人为镜，可知得失，看来这句话是很有道理的。
Demo 1 ： 如果是一个全局的function，则this相当于window对象，在function里定义的各种属性或者方法可以在function外部访问到，前提是这个function需要被调用。
&script type=&text/javascript&& //在function中使用t
JavaScript中this的使用
在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。
对于this变量最要的是能够理清this所引用的对象到底是哪一个，也许很多资料上都有自己的解释，但有些概念讲的偏繁杂。而我的理解是：首先分析this所在的函数是当做哪个对象的方jquery获得option的值和对option进行操作
字体：[ ] 类型：转载 时间：
本文为大家介绍下jquery获得option的值和对option的操作，下面有不错的示例分析及示例代码，感兴趣的朋友可以了解下
jQuery获取Select元素，并选择的Text和Value:
代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(); //获取Select选择的Value var checkIndex=$("#select_id ").get(0).selectedI //获取Select选择的索引值 var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery获取Select元素，并设置的 Text和Value: 实例分析：
代码如下: $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 $("#select_id ").val(4); // 设置Select的Value值为4的项选中 $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select元素的Option项： 实例分析：
代码如下: $("#select_id").append("&option value='Value'&Text&/option&"); //为Select追加一个Option(下拉项) $("#select_id").prepend("&option value='0'&请选择&/option&"); //为Select插入一个Option(第一个位置) $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 三级分类 &select name="thirdLevel" id="thirdLevel" onchange="getFourthLevel()"& &option value="0" id="thirdOption"& 请选择三级分类 &/option& &/select& &/div& 四级分类: &select name="fourthLevelId" id="fourthLevelId"& &option value="0" id="fourthOption"& 请选择四级分类 &/option& &/select& &/div& if($("#thirdLevel").val()!=0){ $("#thirdLevel option[value!=0]").remove(); } if($("#fourthLevelId").val()!=0){ $("#fourthLevelId option[value!=0]").remove(); }//这个表示：假如我们希望当选择选择第三类时：如果第四类中有数据则删除，如果没有数据第四类的商品中的为默认值。在后面学习了AJAX技术后经常会使用到！
获取Select ： 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedI 设置select: 设置select 选中的索引： $("#ddlRegType ").get(0).selectedIndex=//index为索引值 设置select 选中的value：
代码如下: $("#ddlRegType ").attr("value","Normal“); $("#ddlRegType ").val("Normal"); $("#ddlRegType ").get(0).value =
设置select 选中的text:
代码如下: var count=$("#ddlRegType option"). for(var i=0;i&i++) { if($("#ddlRegType ").get(0).options[i].text == text) { $("#ddlRegType ").get(0).options[i].selected =
} } $("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
代码如下: $("#select_id").append("&option value='Value'&Text&/option&"); //添加一项option $("#select_id").prepend("&option value='0'&请选择&/option&"); //在前面插入一项option $("#select_id option:last").remove(); //删除索引值最大的Option $("#select_id option[index='0']").remove();//删除索引值为0的Option $("#select_id option[value='3']").remove(); //删除值为3的Option $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select: $("#ddlRegType ").empty(); jquery获得值： val() text() 设置值 val('在这里设置值')
代码如下: $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 }) $("#btn4").click(function(){ $("[name='checkbox']").each(function(){//反选 if($(this).attr("checked")){ $(this).removeAttr("checked"); } else{ $(this).attr("checked",'true'); } }) }) $("#btn5").click(function(){//输出选中的值 var str=""; $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+"\r\n"; //alert($(this).val()); }) alert(str); }) })
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}