<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8" />
<title>Document</title></head><body>
<button type="button" value="text" onclick="alert($(this).val())">提交1</button>
<button type="button" value="text" onclick="alert($(this).text())">提交2</button>
<button type="button" data-test="super" onclick="alert($(this).attr('type'))">提交3</button>
<button type="button" data-test="super" onclick="alert($(this).data('test'))">提交4</button>
<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script>
</script></body></html>這是我修改的截圖(整個過程,瀏覽器始終不刷新) 按照以下方法處理一次:當我使用谷歌開發者工具,直接把提交1按鈕里的value值text,改成aaaa,點擊提交1,會彈出aaaa.以同樣的方法處理并點擊提交2和提交3和提交按鈕出現相同的情況。開始第二次處理:也是同樣的方法,提交1,提交2和提交3按鈕均能彈出你修改后的值,但惟獨提交4按鈕依舊彈出第一次修改后的值。這是jquery的data方法的緣故,還是瀏覽器的緣故還是其他原因
通過開發者工具修改值,并使用jquery的text(),val(),attr(),data()
MMMHUHU
2018-08-16 14:09:34