JQuery是一種流行的JavaScript庫,它能夠方便地在網頁中添加動態效果。其中一個功能是追加元素并獲取它們的值。
//添加一個輸入框和按鈕到頁面中 $("body").append("<input type='text' id='myInput'></input><button id='myButton'>Click Me</button>"); //當按鈕被點擊時,獲取輸入框中的值并彈出提示框 $("#myButton").click(function(){ var inputValue = $("#myInput").val(); alert("You entered: " + inputValue); });
如上所示,這段代碼通過jQuery append方法將輸入框和按鈕添加到HTML頁面的body標簽中。當按鈕被點擊時,jQuery click方法會觸發一個匿名函數。該函數使用jQuery val方法來獲取輸入框的值,并將其賦值給一個變量。最后,彈出一個提示框來顯示輸入框中的值。
這是一個非常簡單的例子,但可以擴展到更復雜的應用程序中。例如,可以使用jQuery append方法添加更多的動態元素,包括表格、圖形和多媒體內容。然后,通過獲取這些元素的值,可以實現許多有趣的交互式功能。