您的位置：首页 > 移动开发

jquery追加内容append

2016-11-24 14:05 211 查看
（1）对于普通的选择器，如button、p等，使用append

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#addBtn").append("coding");
});

});
</script>
</head>
<body>
<button id="addBtn">addBtn</button>
<button id="btn1">追加文本</button>
</body>
</html>


（2）对于input选择器

$('#input-field-id').val($('#input-field-id').val() + 'more text');
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("input").val($("input").val() + "coding for life!");
});

});
</script>
</head>
<body>
<input type="text" value="coding:">
<button id="btn1">追加文本</button>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航