Dzwebs.Net

撰写电脑技术杂文十余年

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

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

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

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


该杂文来自: 网页制作杂文

上一篇:jquery检查数组有无重复值

下一篇:jquery实现DIV拖动的效果

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计