jquery div 填數據是前端開發中比較常見的操作之一。通過使用 jQuery 的 .html() 或 .text() 方法,我們可以將數據填充到 div 標簽中。
$(document).ready(function(){ $("#myDiv").html("Hello, World!"); });
上述代碼中,我們首先使用 $() 函數來獲取輸入文本,然后使用 .html() 方法將 "Hello, World!" 文本填充到 id 為 myDiv 的 div 標簽中。如果我們想要填充純文本,可以使用 .text() 方法。
$(document).ready(function(){ $("#myDiv").text("Hello, World!"); });
除了在文本中添加 HTML 內容之外,我們還可以使用 .append() 方法將數據添加到 div 標簽中。例如,我們可以將一個段落添加到 myDiv 標簽中:
$(document).ready(function(){ $("#myDiv").append("This is a new paragraph.
"); });
除此之外,我們還可以使用 .prepend() 方法將數據添加到 div 標簽的開頭。例如:
$(document).ready(function(){ $("#myDiv").prepend("This is a new paragraph.
"); });
最后,我們還可以使用 .before() 和 .after() 方法將數據添加到 div 標簽的前面或后面。例如:
$(document).ready(function(){ $("#myDiv").before("Before
"); $("#myDiv").after("After
"); });
總之,使用以上這些方法,我們可以方便地在 div 標簽中添加、填充和修改數據,實現更好的前端展現。