jquery-210812-05---jquery函数02
生活随笔
收集整理的這篇文章主要介紹了
jquery-210812-05---jquery函数02
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
jquery-210812-05—jquery函數(shù)02
- 函數(shù)介紹
- 演示
函數(shù)介紹
1. hide$(選擇器).hide() :將數(shù)組中所有 DOM對象隱藏起來2. show$(選擇器).show():將數(shù)組中所有 DOM對象在瀏覽器中顯示起來3. remove$(選擇器).remove() : 將數(shù)組中所有 DOM對象及其子對象一并刪除4. empty$(選擇器).empty()：將數(shù)組中所有 DOM對象的子對象刪除5. append為數(shù)組中所有 DOM對象添加子對象$(選擇器).append("<div>我動態(tài)添加的 div</div>")6. html設(shè)置或返回被選元素的內(nèi)容（innerHTML）。$(選擇器).html()：無參數(shù)調(diào)用方法，獲取 DOM數(shù)組第一個匹元素的內(nèi)容。$(選擇器).html(值)：有參數(shù)調(diào)用，用于設(shè)置 DOM數(shù)組中所有元素的內(nèi)容。演示
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>jquery函數(shù)02</title><script type="text/javascript" src="js/jquery-3.4.1.js"></script><script type="text/javascript">// remove$(function(){$("#btnRemoveSelectLabel").click(function(){$("select").remove();})})// empty$(function(){$("#btnEmptySelectSonLabel").click(function(){$("select").empty();})})// append$(function(){$("#btnAppendLabel").click(function(){$("#father").append("<input type='button' value='我是append方法新增加的按鈕'/>");})})// html，，無參$(function(){$("#btnGetSpanTextValue").click(function(){alert($("span").html()); // 輸出：span01<b>span01</b>// alert($("span").text()); // 輸出：span01span01span02})})// html，，有參$(function(){$("#btnSetSpanTextValue").click(function(){$("span").html("<b>span</b>");})})</script></head><body><select><option value="華為">華為</option><option value="小米">小米</option><option value="榮耀">榮耀</option></select><br/><br/><select><option value="聯(lián)想">聯(lián)想</option><option value="戴爾">戴爾</option><option value="華碩">華碩</option></select><br/><br/><div id="father">div_father</div><br/><br/><span>span01<b>span01</b></span><br/><br/><span>span02</span><br/><br/><br/><input type="button" id="btnRemoveSelectLabel" value="使用remove刪除下拉列表" /><br/><input type="button" id="btnEmptySelectSonLabel" value="使用empty刪除下拉列表子對象" /><br/><input type="button" id="btnAppendLabel" value="使用append增加子對象" /><br/><input type="button" id="btnGetSpanTextValue" value="獲取第一個span標(biāo)簽的文本值" /><br/><input type="button" id="btnSetSpanTextValue" value="設(shè)置所有span標(biāo)簽的文本值" /></body> </html>總結(jié)
以上是生活随笔為你收集整理的jquery-210812-05---jquery函数02的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
