jQuery设置和获取span的内容 （详解）

先看个示例，示例代码如下：

  
    
    
  
  
     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】