重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jquery提供了两个获取对象内容的方法:
成都创新互联公司专注于宣化企业网站建设,响应式网站开发,商城网站制作。宣化网站建设公司,为宣化等地区提供建站服务。全流程按需设计网站,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务
text() 设置或返回所选元素的文本内容
html() 设置或返回所选元素的内容(包括 HTML 标记)
下面实例演示:获取span标签文本
1、HTML结构
span id="test"我是span的文本/spanbr
input type='button' value='span标签的内容'/
2、jquery代码
$(function(){
$("input[type='button']").click(function() {
alert($("span#test").text());
});
});
3、效果演示
jquery有text()、html()、val()这三种获得标签内容的方法;
补充:
根据ID获取:$("#idName").text(),
根据标签名获取:$("p").text(),
根据类名获取:$(“.class1”).text()
span id="myItem"选项卡/span
a id="myContent"这里是要显示在选项卡的内容/a
js:
jQuery("#myContent").click(function(){
var myContent = jQuery("#myContent").val();
//把a标签的内容显示在选项卡中
jQuery("#myItem").html(myContent) ;
//把a标签的内容显示在选项卡的title属性中
jQuery("#myItem").attr("title",myContent) ;
});
获取name为test的input文本框中的内容的jQuery代码为:
$("input:text[name='test']").val();
jQuery提供了三个简单实用的用于获取元素内容的方法:
text() —— 设置或返回所选元素的文本内容
html() —— 设置或返回所选元素的内容(包括 HTML 标记)
val() —— 设置或返回表单字段的值
因为input属于表单元素,所以获取其内容使用的是val()方法。