获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> </head> <body> <p id="test">这是段落中的 <b>粗体</b> 文本。</p> <button id="btn1">显示文本</button> <button id="btn2">显示 HTML</button> <script src="jquery-1.10.1.min.js" ></script> <script> //下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容: $(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); }); }); </script> </body> </html>
效果图:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> </head> <body> <p>名称: <input type="text" id="test" value="onestopweb"></p> <button>显示值</button> <script src="jquery-1.10.1.min.js" ></script> <script> //下面的例子演示如何通过 jQuery val() 方法获得输入字段的值: $(function(){ $("button").click(function(){ alert("值为: " + $("#test").val()); }); }); </script> </body> </html>
效果图:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> </head> <body> <p><a href="http://onestopweb.iteye.com" id="demo">onestopweb</a></p> <button>显示 href 属性的值</button> <script src="jquery-1.10.1.min.js" ></script> <script> //jQuery attr() 方法用于获取属性值。 //下面的例子演示如何获得链接中 href 属性的值: $(function(){ $("button").click(function(){ alert($("#demo").attr("href")); }); }); </script> </body> </html>
效果图:
相关推荐
JQ 获取和更改属性的值.rar
比如要获取页面p标签中属性有id的元素 代码如下: $(“p[id]”).css(“color”,”red”); 根据属性值获得元素 1.$。在jQuery 中$(“”),这个语法等同于$(document.createElement(“span”)) ,这是一种用法,在选择...
Placeholder是HTML5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。如: <input name="username" type="text" placeholder=...
可通过设置属性来实现自己想要的弹窗,非常实用(如:确认框)。兼容多种浏览器(谷歌、欧普拉、ie、火狐)的弹窗。
主要介绍了jQuery查找节点并获取节点属性的方法,涉及jQuery简单获取节点及attr与text方法读取元素属性的相关技巧,需要的朋友可以参考下
jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器、mouseover与mouseenter、index方法、区分jQuery与Javascript
刚学JQ不久,有时候可能会把JS和JQ获取元素的方式搞错,接下来获取属性方法什么的就一发不可收拾了,现在把两者获取获取元素的代码整理下。 一.原生JS获取元素。 1.常用的三种方式获取元素对象(将指定的元素封装成...
//获取属性的值(取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回undefined) 2、attr(“属性名”,“属性值”); //设置属性的值(为所有匹配...
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。 1. attr( 属性名 ) //获取属性的值(取得第一个匹配元素的属性值。通过这个...
Jquery获取Select标签的值
1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 ...
下面小编就为大家分享一篇jquery获取transform里的值实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
本文实例讲述了jQuery元素属性操作的方法。分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title&...
2.获取路径 触发这个事件的对象调用val()函数 3.文件名 触发事件后会有一个事件对象e.currentTarget.files[0].name 4.文件大小 e.currentTarget.files[0].size 字节 5.文件类型 e.currentTarget.files[0].type ...
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...
//获得选中项的值 $(‘#a1’).attr(‘href’,’shoppeisong.php?addid=’+value+”); } [removed] 要取的INPUT 标签<input name=”dizhi” type=”radio” id=”dizhi” onclick=”doTest()” value=”<?...
使用jq技术获取select值,同时给该option添加selected属性