天天看点

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

①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

world

!");

});

③val()

语法

$(selector).val(value)

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

用法一:返回 Value 属性

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

$(selector).val()

用法二:设置 Value 属性的值

$(selector).val(value)

例子如下:

$("button").click(function(){

$(":text").val("Hello World");

});