JQuery應用例項學習 —— 16 節點包裹input框與li標籤中字型加粗
阿新 • • 發佈：2018-12-09
jQuery包結點
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>jQuery包結點</h1> <input type="button" value="用p標籤包住每個input" onclick="wp()" /> <input type="button" value="用p標籤包住所有input" onclick="wpa()" /> <input type="button" value="li中的文字加粗" onclick="cu()" /> <input type="text" name="" id="" /> <input type="text" name="" id="" /> <input type="text" name="" id="" /> <ul> <li>春</li> <li>夏</li> <li>秋</li> <li>冬</li> </ul> </body> <script src="jquery.js"></script> <script> // input豎直排列 function wp() { $('input:text').wrap('<p></p>'); } // input橫向排列 function wpa() { $('input:text').wrapAll('<p></p>'); } // li標籤中文字加粗 function cu() { //$('li').wrap('<b></b>'); $('li').wrapInner('<b></b>'); } </script> </html>
