jQuery如何向HTML添加指定的內容

新建一個html文件,定名為test.html,用于講解jQuery若何標的目的HTML添加指定的內容 。

jQuery如何向HTML添加指定的內容



2在test.html文件內,利用script加載jquery.min.js文件,本家兒要用于加載jquery庫文件利用app()方式 。

jQuery如何向HTML添加指定的內容



3在test.html文件內,建立一個div塊,在div內利用p標簽建立一行內容,同時利用css設置文字的大小為30px,顏色為紅色 。

jQuery如何向HTML添加指定的內容



4在test.html文件內,建立一個button按鈕,用于點擊按鈕時,標的目的div添加內容 。


jQuery如何向HTML添加指定的內容



5在test.html文件內,給button按鈕綁定click點擊事務,當按鈕被點擊時,執行function函數 。

jQuery如何向HTML添加指定的內容



6在function函數內,獲得div對象,經由過程app方式標的目的div添加新的一行內容 。

jQuery如何向HTML添加指定的內容



7【jQuery如何向HTML添加指定的內容】在瀏覽器打開test.html文件,點擊按鈕,標的目的div添加新的一行內容,如下圖所示:


jQuery如何向HTML添加指定的內容



jQuery如何向HTML添加指定的內容



以上內容就是jQuery如何向HTML添加指定的內容的內容啦,希望對你有所幫助哦!

    猜你喜歡