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 事件
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
