jquery 属性 html()

KAXU

浏览: 266971 次
性别:
来自: 武汉

最近访客更多访客>>

live365.wang

eyesye

shexindong

祺祥治世

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jQuery

HTML jQuery XML

html()

获取匹配元素集合第一个元素的html源码。这个属性不可以在xml文档中使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("p").click(function () {
      var htmlStr = $(this).html();
      $(this).text(htmlStr);
    });

  });
  </script>
  <style>
  p { margin:8px; font-size:20px; color:blue; 
      cursor:pointer; }
  b { text-decoration:underline; }
  button { cursor:pointer; }
  </style>
</head>
<body>
  <p>
    <b>Click</b> to change the <span id="tag">html</span>
  </p>
  <p>
    to a <span id="text">text</span> node.
  </p>
  <p>
    This <button name="nada">button</button> does nothing.
  </p>
</body>
</html>

var htmlStr = $(this).html();
这里通过单击p元素获取p元素集合。对p元素集合中第一个p元素调用html()方法，获取其源码。以下是点击后显示的源码

Click to change the html

to a text node.
This <button name="nada">button</button> does nothing.

html(val)

对匹配元素集合中每个元素注入源码‘val’。这个属性不可以在xml文档中使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("div").html("<span class='red'>Hello <b>Again</b></span>");
  });
  </script>
  <style>
  .red { color:red; }
  </style>
</head>
<body>
  <span>Hello</span>
  <div></div>
  <div></div>
  <div></div>
</body>
</html>

$("div").html("Hello Again");
对匹配div元素集合中每个div元素都注入源码‘Hello Again’。

分享到：

jquery 属性 text() | jquery 属性 toggleClass(class)

2008-12-26 11:23
浏览 2672
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery 属性 html()

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery 属性 html()

评论

发表评论

相关推荐

jquery 控制 clone( )

jquery 控制 remove( [expr] )

jquery 控制 empty( )

jquery 控制 replaceAll( selector )

jquery 控制 replaceWith( content )

jquery 控制 wrapInner( html )

jquery 控制 wrapAll( html )

jquery 控制 wrap(elem)

jquery 控制 wrap(html)

jquery 控制 insertBefore(content)

jquery 控制 insertAfter(content)

jquery 控制 before(content)

jquery 控制 after(content)

jquery 控制 prependTo(selector)

jquery 控制 prepend(content)

jquery 控制 appendTo(selector)

jquery 控制 append(content)

jquery 遍历 end()

jquery 遍历 andSelf()

jquery 遍历 siblings([expr])

最近访客更多访客>>