JQuery中this指向

如果是元素操作，$(this)就可以指向当前元素

<div id="test">谢小超</div>

<script type="text/javascript">$("test").on('click',function(){var x= $(this).html();alert(x);})
</script>

如果是方法，就要传参了：

<input type="" oninput="showCurrentVal(this)">

<script type="text/javascript">function showCurrentVal(_this){setTimeout(function(){var val = _this.value;var str = "";if(val != ""){$(_this).siblings(".go-list-select").find("option").each(function(index,el){if($(this).text().indexOf(val) >= 0){str += "<li value='"+$(this).attr("value")+"'>"+$(this).text()+"</li>"}});$(_this).siblings(".go-list").find(".go-list-box").html(str);}else{$(_this).siblings(".go-list-select").find("option").each(function(index,el){str += "<li value='"+$(this).attr("value")+"'>"+$(this).text()+"</li>"});$(_this).siblings(".go-list").find(".go-list-box").html(str);}},500);}
</script>

_this指的是当前元素，$(_this) 指的是节点对象

打印出的结果：

转载于:https://www.cnblogs.com/xie-xiao-chao/p/7942430.html

JQuery中this指向相关推荐

深入jQuery中的data()
引入 data函数在jQuery中看起来很不起眼, 就像沙滩上一颗平凡的沙子, 但仔细一瞅, 却惊讶的发现data是jQuery中无比重要的一环, 甚至jQuery中各种事件都基于此. data有什么 ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
JQuery中样式标签的处理
增加样式标签 JQuery中增加样式使用.addClass(className)方法通过动态改变类名(class),可以让其修改元素呈现出不同的效果.在HTML结构中里,多个class以空格分隔,当 ...
JQuery中的特殊选择器--this
相信很多刚接触jQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?下面我们一起来看一下! this是JavaScript中的关键字,指的是当前的上下文对象,简单 ...
jQuery 基础教程（四）之jQuery中的DOM操作
一.jQuery 中的 DOM 操作 (1)DOM(Document Object Model-文档对象模型):一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组 ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
jquery中ajax请求分类
以前经常使用js原生的ajax,最近使用了jquery中的ajax,感觉好混乱,好多有封装的,有些又没有封装,现在初步梳理了下他们的关系如下图: 叶节点用到的这些函数最后都是调用的jquery.aj ...
第三章（jQuery中的DOM操作）
3.1 DOM 操作分类 ①DOM Core 包括(getElementById() , getElementsByTagName() , getAttribute() , setAttribute( ...
jQuery中的map()方法
jQuery中map()方法的使用格式为:$(selector).map(callback(index,domElement)). 将在每一个被选元素上执行map()方法中设置的回调函数,在回调函数中 ...

JQuery中this指向

JQuery中this指向相关推荐

最新文章

热门文章