快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

包含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的词条
URL链接:http://6mz.cn/article/dsiigjo.html

其他资讯