JQuery是一個廣泛應用的JavaScript庫,它為Web開發者提供了很多便捷的方法和技巧,其中通過id設置值的方法尤其實用。
$(document).ready(function(){ $("#myDiv").html("Hello World!"); });
以上代碼會在文檔加載完成后自動執行,設置id為“myDiv”的HTML元素的內容為“Hello World!”。
可以看到,這種方式非常簡潔明了,只需要一行代碼即可完成任務,比原生JavaScript要方便許多。
除了html()方法外,還可以使用text()方法來修改指定元素的文本內容。
$(document).ready(function(){ $("#myDiv").text("這是新的文本內容"); });
與html()方法不同的是,text()方法只會設置元素的純文本內容,不會識別其中的HTML標記。
此外,還有val()方法可以設置表單元素的值:
$(document).ready(function(){ $("#myInput").val("默認值"); });
以上代碼會將id為“myInput”的表單元素的默認值設置為“默認值”。
總的來說,通過id設置值是jQuery中常用的方法之一,掌握它可以讓我們的Web開發工作更加高效、便捷。