六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

在JQuery中使用html(),text(),val()的用法

Admin | 2015-6-26 7:59:03 | ReadNums | 1740 | 标签 网页制作 | 打印本页
     

  ①text()

  语法

  $(selector).text(function(index,oldcontent))

  参数  描述

  function(index,oldcontent)  

  必需。规定返回被选元素的新文本内容的函数。

  index - 可选。接受选择器的 index 位置。
  html - 可选。接受选择器的当前内容。

  用法一:返回文本内容 $(selector).text()
  用法二:设置文本内容 $(selector).text(content)

  例子如下:

  $(document).ready(function(){
    $("button").click(function(){
      $("p").text(function(n){
      return "这个 p 元素的 index 是:" + n;
      });
    });
  });

  ②html()

  语法

  $(selector).html(function(index,oldcontent))

  用法一:返回元素内容

  当使用该方法返回一个值时,它会返回第一个匹配元素的内容。

  $(selector).html()

  用法二:设置元素内容

  当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。

  $(selector).html(content)

  例子如下:

  $(".btn1").click(function(){
    $("p").html("Hello <b>world</b>!");
  });

  ③val()

  语法

  $(selector).val(value)

  value  可选。规定被选元素的新内容。

  用法一:返回 Value 属性

  返回第一个匹配元素的 value 属性的值。

  $(selector).val()

  用法二:设置 Value 属性的值

  $(selector).val(value)

  例子如下:

  $("button").click(function(){
    $(":text").val("Hello World");
  });


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日