jQuery DOM 操作
Posted 命运的绯色结局
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery DOM 操作相关的知识,希望对你有一定的参考价值。
一般jquery在web项目的只要作用就是取值和赋值了。
下面了入门下,这些值得获取。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery HTML</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ //################ //输出text $("#btn1").click(function(){ alert("text=:"+$("*").text()); ; }); //输出html $("#btn2").click(function(){ alert("text=:"+$("#test").html()); }); //输出val $("#btn3").click(function(){ alert("text=:"+$("#val").val()); }); //输出文本框 $("#btn4").click(function(){ alert("text=:"+$("#val2").val()); }); //根据属性获取对象的值 $("#btn5").click(function(){ alert("type=:"+$("#val").attr("type")); }); }); </script> </head> <body> <p id="test">这是段落中的 <b>粗体</b> 文本。</p> <input type="text" id="val" value="菜鸟"> <textarea id="val2" ></textarea> <input type="text" id="val" value="菜鸟"> <button id="btn1">显示文本</button> <button id="btn2">显示 HTML</button> <button id="btn3">显示 val</button> <button id="btn4">显示 文本框的值</button> <button id="btn5">显示 属性的值</button> </body> </html>
以上是关于jQuery DOM 操作的主要内容,如果未能解决你的问题,请参考以下文章
jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段