jquery 操作DOM的基本用法
2012-02-22 16:22
651 查看
例子展示:
jquery代码:
View Code <body>
<p >test</p>
<p id="p" title="test">你喜欢的苹果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</ul>
<input type="button" id="show" value="show" />
<br/><br/><br/>
<form id="form1" action="#">
<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> 案例连接:
/article/7047345.html
jquery代码:
View Code <body>
<p >test</p>
<p id="p" title="test">你喜欢的苹果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</ul>
<input type="button" id="show" value="show" />
<br/><br/><br/>
<form id="form1" action="#">
<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> 案例连接:
/article/7047345.html
相关文章推荐
- jquery 操作DOM的基本用法分享
- Jquery操作DOM基本知识
- jQuery DOM 操作(基本操作、内部插入、外部插入、包裹操作)
- jQuery DOM 操作(基本操作、内部插入、外部插入、包裹操作)
- jQuery DOM 操作(基本操作、内部插入、外部插入、包裹操作)
- jQuery中Dom的基本操作小结
- jquery DOM节点删除之empty()的基本用法
- jQuery中Dom的基本操作
- jQuery中Dom的基本操作小结
- jquery中未来元素的DOM操作用法-on
- jQuery DOM 操作(基本操作、内部插入、外部插入、包裹操作)
- jQuery之DOM操作
- DOM节点删除之empty()的基本用法
- Jquery 表单取值赋值的一些基本操作
- jQuery 操作DOM总结,DOM Core操作,HTML-DOM操作和CSS-DOM操作
- jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
- Jquery中的DOM操作 (五.包裹节点和属性操作)
- jQuery操作DOM元素