大众计算机学习网

专门提供各种电脑教程

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

Admin | 2015-6-26 7:59:03 | 被阅次数 | 2036

  ①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");
  });