1、新建一個(gè)html文件,命名為test.html。
創(chuàng)新互聯(lián)建站是專業(yè)的盂縣網(wǎng)站建設(shè)公司,盂縣接單;提供成都做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行盂縣網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
2、在test.html文件內(nèi),引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。
3、在test.html文件內(nèi),使用span創(chuàng)建一行文字,并設(shè)置其id屬性為test,主要用于下面通過該id獲得span對(duì)象。
4、在test.html文件內(nèi),使用jquery中的$符號(hào)通過id(test)獲得span標(biāo)簽對(duì)象,再使用bind()方法給它綁定click點(diǎn)擊事件,當(dāng)span元素被點(diǎn)擊時(shí),執(zhí)行function()函數(shù)。
5、在function函數(shù)內(nèi),使用$(this)獲得當(dāng)前對(duì)象,相當(dāng)于使用$("#test")獲得對(duì)象,通過text()方法獲得span的內(nèi)容,使用alert()方法將內(nèi)容輸出來。在瀏覽器打開test.html文件,點(diǎn)擊span標(biāo)簽,查看實(shí)現(xiàn)的效果。
6、在test.html文件內(nèi),使用this創(chuàng)建一個(gè)標(biāo)簽,在該標(biāo)簽內(nèi)寫上測(cè)試的文字,同時(shí),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,給button按鈕綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行g(shù)etthis()函數(shù)。
7、在getthis()函數(shù)內(nèi),通過$("this")獲得this標(biāo)簽對(duì)象,使用text()方法獲得span的內(nèi)容,使用alert()方法將內(nèi)容輸出來。在瀏覽器打開test.html文件,點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
你好,
把$(this)保存到一個(gè)變量中就ok了,如下:
var $this = $(this);
然后你在其他地方調(diào)用$this也是指向你這個(gè)$(this)
$this只是個(gè)自定義的變量;
$(this)是將當(dāng)前don對(duì)象轉(zhuǎn)換成jquery對(duì)象 ;
一般定義jquery變量習(xí)慣$開頭,提高可讀性而已。
$(this)是把DOM對(duì)象封裝成jquery對(duì)象,其相當(dāng)于一個(gè)集合。
用法如下:
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')事件重復(fù)綁定上,?將中間那段代碼修改如下即可:
$("#confirm").off().on('click',?function?()?{
var?txt?=?$("#aaa").val();
n.html(txt);
$("#insert_txt").prop("hidden",?true);
});
還提供了另外一個(gè)實(shí)現(xiàn)辦法供參考:
(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的詞條
標(biāo)題網(wǎng)址:http://aaarwkj.com/article20/dsiigjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、做網(wǎng)站、網(wǎng)站制作、App設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)