快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery如何获取span的值

jquery获取span值的方法:首先创建一个前端代码示例;然后设置span;最后通过“$(document).ready(function(){$("button").click(function(){..}}”方法获取span的值即可。

创新互联专注于凌海网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供凌海营销型网站建设,凌海网站制作、凌海网页设计、凌海网站官网定制、微信小程序开发服务,打造凌海网络公司原创品牌,更为您提供凌海网站排名全网营销落地服务。

推荐:《javascript基础教程》

先看个示例,示例代码如下:


  
    
    
  
  
     aaaa
  

alert的结果 如下

【val的值:undefined】

【html的值:null】

【text的值:】

上面三种都没有取得想要的值,之所以没有取到是因为html是从上往下解析的,在解析到js里的$("#spId")时,下面这个span还不存在,当然就取不到了。
如果改成下面这样


  
        
  
  
     aaaa
     
  

js在span的后面解析,span就有了。另外,jquery的做法是用ready函数包含这些代码,放哪就无所谓了。它的作用就是在加载完整个页面后才执行包含的js,如:

一、
所以,span 的设置和获取如下:







aaaa

二、

如果想获得html代码,把text换成html就可以了,







aaaa

设置html,并取得 html, 如下







初期值

结果:

三、注意点:







aaaa

结果

此时 ,获取的html()为 【testSpan】,而不是【testSpan
分享名称:jquery如何获取span的值
URL标题:http://6mz.cn/article/cpooie.html

其他资讯