jquery怎樣用this選擇子元素

這篇文章給大家分享的是有關(guān)jquery怎樣用this選擇子元素的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

成都創(chuàng)新互聯(lián)公司-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比白朗網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式白朗網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋白朗地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴(lài)。

jquery用this選擇子元素的方法：首先使用span標(biāo)簽創(chuàng)建多行文字；然后使用【bind()】方法給p標(biāo)簽綁定click點(diǎn)擊事件；接著通過(guò)【$(this)】獲得當(dāng)前點(diǎn)擊的對(duì)象；最后通過(guò)【html()】獲得它里面所有的子元素。

jquery用this選擇子元素的方法：

1、新建一個(gè)html文件，命名為test.html，用于講解jquery如何用$(this)選擇它他下面的子元素。

2、在test.html文件內(nèi)，引入jquery.min.js庫(kù)文件，成功加載該文件，才能使用jquery中的方法。

3、在test.html文件內(nèi)，在p標(biāo)簽內(nèi)，使用span標(biāo)簽創(chuàng)建多行文字，span標(biāo)簽作為p標(biāo)簽的子元素，同時(shí)設(shè)置p標(biāo)簽的id為mytest。

4、在test.html文件內(nèi)，編寫(xiě)<script></script>標(biāo)簽，頁(yè)面的js邏輯代碼將寫(xiě)在該標(biāo)簽內(nèi)。

5、在js標(biāo)簽中，通過(guò)id(mytest)獲得p標(biāo)簽對(duì)象，使用bind()方法給它綁定click點(diǎn)擊事件，代碼如下：

6、在bind()方法內(nèi)，通過(guò)$(this)獲得當(dāng)前點(diǎn)擊的對(duì)象，通過(guò)html()獲得它里面所有的子元素，并把它保存在html變量中，最后，使用alert()方法將子元素輸出來(lái)。

7、在瀏覽器打開(kāi)test.html文件，點(diǎn)擊文字，查看實(shí)現(xiàn)的效果。

感謝各位的閱讀！關(guān)于jquery怎樣用this選擇子元素就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

分享名稱(chēng)：jquery怎樣用this選擇子元素
分享網(wǎng)址：http://muchs.cn/article8/gjscop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、網(wǎng)站收錄、用戶(hù)體驗(yàn)、App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)