31
2018
07

jquery_dom设置赋值id及表单内容

<button id="xj" type="button">设置class中的内容</button>

<button id="rxj" type="button">赋值class中的html代码及内容</button>

<button id="txj" type="button">赋值input表单是id的内容</button>

<button id="gxj" type="button">赋值input表单是class的内容</button>

<div class="anco">

<h1>中国电信</h1>

</div>

<input type="text" id="nb" value="你的手机是18611436777吧" />

<input type="text" class="txjj" value="这里是学习吧" />

<script type="text/javascript">

$(document).ready(function(){//页面加载完在执行jq

$('#xj').click(function(){

$('.anco').text('我是刚刚被赋值的内容')

});

$('#rxj').click(function(){

$('.anco').html('<h1>我靠</h1>这两个字是不是比别的字大')

});

$('#txj').click(function(){

$('#nb').val('你还是买了Bp机吧')

});

$('#gxj').click(function(){

$('.txjj').val('我们一起跟朱老师学习jq好吗')

})

});

</script>


« 上一篇下一篇 »