jquery如何用$(this)選擇它下面的子元素

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

浦東網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)公司成立于2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

推薦：《jquery視頻教程》

jquery用$(this)選擇它下面的子元素的方法：

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

2、在test.html文件內(nèi)，引入jquery.min.js庫文件，成功加載該文件，才能使用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)，編寫<script></script>標(biāo)簽，頁面的js邏輯代碼將寫在該標(biāo)簽內(nèi)。

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

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

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

相關(guān)免費(fèi)學(xué)習(xí)推薦：JavaScript（視頻）

分享名稱：jquery如何用$(this)選擇它下面的子元素
當(dāng)前鏈接：http://muchs.cn/article42/chssec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站排名、微信公眾號(hào)、手機(jī)網(wǎng)站建設(shè)、做網(wǎng)站、云服務(wù)器

廣告

聲明：本網(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)