jq——html,text，val和对象访问

html代码

1.html():获取的是对象内的html代码，类似于innerHTML

2.html(代码)：设置html的内容，替换

$("div").html("hhhhh");

$("div").html("<p>hhhh</p>");

ps:html要识别标签

text：标签中的文本内容

标签中的文本内容

1.text():获取元素中的文本内容，与innerText类似

console.log($("div").text());

2.text(代码)：设置元素的文本内容

$("div").text("这是新内容");

ps:如果设置的时候有标签，这些标签都会被当作文本处理

$("div").text("<b>这是新内容</b>");

val值

input里面的value值

1.val():获取value值

console.log($("input").val());

2.val(值)：设置value值

$("input").val("新的点击");

对象访问

1.length:个数

console.log($("div").length);

2.size():个数

console.log($("div").size());

3.each:遍历

each:每个

用法：元素.each(function(index,element){})

index:索引下标

element:元素

$("div").each(function(n,obj){

console.log(n); });

$("div").each(function(n,obj){

console.log(obj); });

ps:obj可以用this代替

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

$("div").each(function(n,obj){

//console.log(obj);

$(this).html("这是第"+n+"个");

});

});

this代表当前