javascript事件和jquery事件对比
jquery修改文本内容的方式
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
$("#btn1").click(function(){
$("#test").text("I am revised");
});
});
</script>
</head>
<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
</body>
</html>
javascript修改文本内容的方式
<head>
<script>
var x="I am revised"
</script>
</head>
<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
<button onclick="getElementById('test').innerHTML=x">修改文本</button>
</body>
</html>
不同之处
- javascript的修改方式是在HTML事件中进行修改，其一般模式为
html元素 事件 javascript语言
- javascript利用getElementById获取元素，利用innerHTML进行修改
- jquery利用选择器$("#test").text("I am revised");进行读取并修改。显然jquery省纸。
reference
Javascript 事件_百度百科
JavaScript HTML DOM 事件
