jQuery库包含了很多用来改变和操作HTML元素及其属性的方法。
其中一个非常重要的部分就是 jQuery可以用来操作DOM。
本篇介绍使用jQuery来取得DOM节点元素的值或属性。
其中三个简单而 有用的方法如下:
text() – 设置或取得指定元素的文本内容。
html() – 设置或取得指定 元素的内容(包括HTML标记)
val() – 设置或取得表单某个输入域的值。
例如,下面代码 使用html()和text()方法取得HTML元素的内容:
$("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); });
下面的代码取得Form中Input 的内容:
$("#btn1").click(function(){ alert("Value: " + $("#test").val()); });
除了上面的方法外,attr()方法用来取得某个元素的属性:
下面代码用来取得链 接的href属性:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> </script> <script> $(document).ready(function () { $("button").click(function () { alert($("#guidebee").attr("href")); }); }); </script> </head> <body> <p><a href="http://www.imobilebbs.com" id="guidebee"> imobilebbs.com </a></p> <button>Show href Value</button> </body> </html>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索html
, 内容
, 方法
, function
, 属性
, 元素
jQuery链
jquery get html、jquery gethtml、jquery ajax get html、jquery 入门、jquery入门到精通 pdf,以便于您获取更多的相关知识。
时间: 2024-09-17 09:42:09