包含jquery使用this的词条

jQuery里面的$("this")和$(this)有什么区别

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文件,点击按钮,查看实现的效果。

jquery 多层循环中 this 使用方法

你好,

把$(this)保存到一个变量中就ok了,如下:

var $this = $(this);

然后你在其他地方调用$this也是指向你这个$(this)

jquery 的$(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')//二者是一样的;

});

jquery this用法

问题出在按钮$('#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的词条
当前网址:http://bzwzjz.com/article/dsiigjo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 响应式网站设计方案 网站建设 成都网站建设 攀枝花网站设计 重庆网站制作 四川成都网站设计 成都h5网站建设 成都品牌网站设计 宜宾网站设计 定制网站制作 成都网站建设公司 达州网站设计 成都网站建设 网站建设费用 企业网站设计 成都网站建设 成都网站制作 营销网站建设 外贸网站建设 营销型网站建设 营销型网站建设