Jquery是一種廣泛使用的JavaScript庫(kù),用于在網(wǎng)頁(yè)中方便地操作HTML元素、處理事件和動(dòng)態(tài)修改樣式等。在實(shí)際開(kāi)發(fā)過(guò)程中,有時(shí)需要將一個(gè)元素的值賦給另一個(gè)元素,這時(shí)可以使用jQuery中的copy()方法。
// 從一個(gè)輸入框中復(fù)制內(nèi)容到另一個(gè)輸入框 $("#input1").on("keyup", function() { var val = $(this).val(); $("#input2").val(val); });
以上代碼使用keyup事件監(jiān)聽(tīng)第一個(gè)輸入框輸入的內(nèi)容變化,并使用val()方法獲取輸入框中的值,再將其賦給第二個(gè)輸入框的值。
copy()方法不僅可以復(fù)制輸入框的值,還可以復(fù)制其他元素的值,例如,下拉列表、復(fù)選框、單選框等。
// 復(fù)制下拉列表中選中項(xiàng)的值到另一個(gè)元素中 $("#select1").on("change", function() { var val = $(this).val(); $("#text1").text(val); });
以上代碼使用change事件監(jiān)聽(tīng)下拉列表選項(xiàng)的變化,并使用val()方法獲取選中項(xiàng)的值,再將其賦給另一個(gè)元素的文本內(nèi)容。
除了使用val()方法和text()方法獲取元素的值之外,還可以使用html()方法和attr()方法獲取元素的HTML代碼和屬性值。例如:
// 復(fù)制超鏈接的href屬性值到另一個(gè)元素中 $("#link1").on("click", function() { var href = $(this).attr("href"); $("#text2").text(href); });
以上代碼使用click事件監(jiān)聽(tīng)超鏈接的點(diǎn)擊事件,并使用attr()方法獲取超鏈接的href屬性值,再將其賦給另一個(gè)元素的文本內(nèi)容。
總之,使用jQuery的copy()方法可以輕松地完成元素值的復(fù)制,并且可以靈活地使用不同的方法獲取元素的值、HTML代碼和屬性值。