获取name为test的input文本框中的内容的jQuery代码为:
成都创新互联服务项目包括晋安网站建设、晋安网站制作、晋安网页制作以及晋安网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,晋安网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到晋安省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
$("input:text[name='test']").val();
jQuery提供了三个简单实用的用于获取元素内容的方法:
text() —— 设置或返回所选元素的文本内容
html() —— 设置或返回所选元素的内容(包括 HTML 标记)
val() —— 设置或返回表单字段的值
因为input属于表单元素,所以获取其内容使用的是val()方法。
怎么使用jquery获得标签的值或元素的内容?
jquery提供了三个获得内容的方法, text()、html() 以及 val(),其中前两个可用于解决本问题,$("label#userid").text(); // 首选,获取label的文本,$("label#userid").html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法。
实例演示:
创建Html元素
div class="box"
span点击按钮获取label中内容:/spanbr
div class="content"
label id="userid"输入用户名/labelinput type="text"
/div
input type="button" value="获取label中的内容"
/div
2设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
3编写jquery代码
$(function(){
$("input:button.btn1").click(function() {
alert($("label#userid").text());
});
$("input:button.btn2").click(function() {
alert($("label#userid").html());
});
})
化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。
关于元素的学说,即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了,不过,在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中,都把元素看作是抽象的、原始精神的一种表现形式,或是物质所具有的基本性质。
jquery
获取
div
之间的内容,有两种方法,$(selector).text()、$(selector).html()
。
html:
1
2
3
test
$("div").text()
得到的是
test,是
div
的纯文本,会自动忽略
html
标签
。
$("div").html()
得到的是
test
,是
div
的所有内容,包括
html
标签,它有个好处是可以将
得到的标签与文字
直接再利用,比如添加到页面其他地方之类的操作
。
jquery提供了三个获得内容的方法有 text()、html() 以及 val(),其中前两个可用于解决本问题:
$("label#userid").text(); // 首选。
获取label的文本$("label#userid").html(); // 也可以实现。
获取label标签内的所有html标记,一般情况改下labe。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口,具有高效灵活的css选择器,并且可对CSS选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
1、首先我们打开电脑里的jquery软件创建一个名称为get的html文件。
2、在页面中加入一个div,div内放入文本并加入一些标记,还有两个button在点击不同的button的时候获取不同的内容。
3、然后我们引入jquery库。
4、在文档准备函数中加入button1点击事件,在点击事件后获取div中的text内容。
5、在文档准备函数中加入button2点击事件,在点击事件后获取div中的html内容。
6、在浏览器中运行该文件,点击两个button即可获取不同的结果。
jquery有text()、html()、val()这三种获得标签内容的方法;
补充:
根据ID获取:$("#idName").text(),
根据标签名获取:$("p").text(),
根据类名获取:$(“.class1”).text()