jquery 操作DOM的基本用法分享

2020-05-24 21:27:54易采站长站整理

<div >
<input type=”text” id=”name” value=”请输入用户名”><br/>
<input type=”password” id=”password” value=””> <br/>
<div id=”tip” style=”display:none”><font color=”red”>请输入密码</font></div><br/>
<input type=”button” id=”submit” value=”提交”/>
</div>
</form>
<br/>
<form id=”from2″ action=”#”>
<select id=”single”>
<option value=”选择1号”>选择1号</option>
<option value=”选择2号”>选择2号</option>
<option value=”选择2号”>选择3号</option>
</select>
<select id=”multiple” multiple=”multiple” style=”height:120px”>
<option selected=”selected”>选择1号</option>
<option value=”选择2号”>选择2号</option>
<option value=”选择3号”>选择3号</option>
<option value=”选择4号”>选择4号</option>
<option selected=”selected”>选择5号</option>
</select>
<input type=”checkbox” value=”check1″/>多选1
<input type=”checkbox” value=”check2″/>多选2
<input type=”checkbox” value=”check3″/>多选3
<input type=”checkbox” value=”check4″/>多选4
<input type=”radio” name=”radio” value=”radio1″/> 单选1
<input type=”radio” name=”radio” value=”radio2″/> 单选2
<input type=”radio” name=”radio” value=”radio3″/> 单选3
<br/>
<input type=”button” id=”btnShow” value=”显示body”/>
<br/><div id=”body”></div> <div id=”subling”></div>
</form>
</script>
</body>