jquery用$(this)選擇它下面的子元素的方法:首先在p標(biāo)簽內(nèi)使用span標(biāo)簽創(chuàng)建多行文字;然后使用bind方法給p標(biāo)簽綁定click點擊事件,通過【$(this)】獲得當(dāng)前點擊的對象;最后通過【html()】獲得所有的子元素。
推薦:《jquery視頻教程》
jquery用$(this)選擇它下面的子元素的方法:
1、新建一個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è)置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)簽對象,使用bind()方法給它綁定click點擊事件,代碼如下:
6、在bind()方法內(nèi),通過$(this)獲得當(dāng)前點擊的對象,通過html()獲得它里面所有的子元素,并把它保存在html變量中,最后,使用alert()方法將子元素輸出來。
7、在瀏覽器打開test.html文件,點擊文字,查看實現(xiàn)的效果。
相關(guān)免費(fèi)學(xué)習(xí)推薦:javascript(視頻)
云服務(wù)器網(wǎng)站怎么發(fā)布設(shè)置了文件權(quán)限為可讀可寫重視五個小細(xì)節(jié)讓你的網(wǎng)站更受用戶喜愛!我直接寫這樣的代碼怎么報錯誤電腦開機(jī)出現(xiàn)藍(lán)屏代碼0x0000007b的六種解決方法網(wǎng)站有時會出現(xiàn)打不開狀況云服務(wù)器配置網(wǎng)站卡慢云服務(wù)器報價價格及圖片表