1、新建一个html文件,命名为test.html。
创新互联建站是专业的盂县网站建设公司,盂县接单;提供成都做网站、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行盂县网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用span创建一行文字,并设置其id属性为test,主要用于下面通过该id获得span对象。
4、在test.html文件内,使用jquery中的$符号通过id(test)获得span标签对象,再使用bind()方法给它绑定click点击事件,当span元素被点击时,执行function()函数。
5、在function函数内,使用$(this)获得当前对象,相当于使用$("#test")获得对象,通过text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击span标签,查看实现的效果。
6、在test.html文件内,使用this创建一个标签,在该标签内写上测试的文字,同时,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行getthis()函数。
7、在getthis()函数内,通过$("this")获得this标签对象,使用text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击按钮,查看实现的效果。
你好,
把$(this)保存到一个变量中就ok了,如下:
var $this = $(this);
然后你在其他地方调用$this也是指向你这个$(this)
$this只是个自定义的变量;
$(this)是将当前don对象转换成jquery对象 ;
一般定义jquery变量习惯$开头,提高可读性而已。
$(this)是把DOM对象封装成jquery对象,其相当于一个集合。
用法如下:
a href="" target="_blank" data-id="1010000000125418"jQuery/a
$('a').click(function(){
this.innerHTM==$(this).html()=='jQuery';//三者是一样的.
this.getAttribute('href')==this.href==$(this).attr('href')//三者是一样的;
this.getAttribute('target')==this.target==$(this).attr('target')//三者是一样的;
this.getAttribute('data-id')==$(this).attr('data-id')//二者是一样的;
});
问题出在按钮$('#confirm')事件重复绑定上, 将中间那段代码修改如下即可:
$("#confirm").off().on('click', function () {
var txt = $("#aaa").val();
n.html(txt);
$("#insert_txt").prop("hidden", true);
});
还提供了另外一个实现办法供参考:
(function () {
var $td;
var inputDiv = $('#insert_txt');
var input = $('#aaa');
var btn = $('#confirm');
$("table").on('click', "td", function (e) {
$td = $(e.currentTarget);
inputDiv.prop("hidden", false);
});
btn.on('click', function () {
$td.html(input.val());
inputDiv.prop("hidden", true);
});
})();
文章名称:包含jquery使用this的词条
标题网址:https://www.cdcxhl.com/article20/dsiigjo.html
成都网站建设公司_创新互联,为您提供网站营销、做网站、网站制作、App设计、外贸网站建设、移动网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联