做淘宝内部优惠券网站要钱么,wordpress 短信平台,福田蒙派克6座,江门站排名优化jQuery DOM 操作jQuery 中非常重要的部分#xff0c;就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法#xff0c;这使访问和操作元素和属性变得很容易。提示#xff1a;DOM Document Object Model#xff08;文档对象模型#xff09;DOM 定义访问 HTML 和 XML … jQuery DOM 操作jQuery 中非常重要的部分就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法这使访问和操作元素和属性变得很容易。提示DOM Document Object Model文档对象模型DOM 定义访问 HTML 和 XML 文档的标准“W3C 文档对象模型独立于平台和语言的界面允许程序和脚本动态访问和更新文档的内容、结构以及样式。” 获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容包括 HTML 标记val() - 设置或返回表单字段的值下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容实例$(#btn1).click(function(){ alert(Text: $(#test).text());});$(#btn2).click(function(){ alert(HTML: $(#test).html());});$(#btn1).click(function(){ alert(Value: $(#test).val());}); 获取属性 - attr()jQuery attr() 方法用于获取属性值。下面的例子演示如何获得链接中 href 属性的值实例$(button).click(function(){ alert($(#w3s).attr(href));}); 完整代码 !DOCTYPE htmlhtmlheadscript src//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js/scriptscript$(document).ready(function(){ $(#btn1).click(function(){ alert(Text: $(#test).text()); }); $(#btn2).click(function(){ alert(HTML: $(#test).html()); }); $(#btn3).click(function(){ alert(Value: $(#test).val());}); $(button).click(function(){ alert($(#w3s).attr(href)); }); /script/head bodyp idtest这是段落中的b粗体/b文本。/pbutton idbtn1显示文本/buttonbutton idbtn2显示 HTML/button p姓名input typetext idtest value米老鼠/pbutton idbtn3显示值/button pa hrefhttp://www.hello-code.com idw3sW3School.com.cn/a/pbutton显示 href 值/button/body /html
