jQuery属性操作

jQuery属性操作

1.html([val|fn])

概述

取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。

示例

无参数 描述:

返回p元素的内容。
jQuery 代码:

$('p').html();

参数val 描述:
设置所有 p 元素的内容
jQuery 代码:

$("p").html("Hello world!");

回调函数描述:
使用函数来设置所有匹配元素的内容。
jQuery 代码:

$("p").html(function(n){
    return "这个 p 元素的 index 是：" + n;
    });

2.text（[val|fn]）

概述

取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

示例

无参数 描述:
返回p元素的文本内容。
jQuery 代码:

$('p').text();

参数val 描述:
设置所有 p 元素的文本内容
jQuery 代码:

$("p").text("Hello world!");

回调函数 描述:
使用函数来设置所有匹配元素的文本内容。
jQuery 代码:

$("p").text(function(n){
    return "这个 p 元素的 index 是：" + n;
    });

3.prop（n|p|k,v|f）

prop(name|properties|key,value|fn)

概述

获取在匹配的元素集中的第一个元素的属性值。
随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误

示例

参数name 描述:
选中复选框为true，没选中为false
jQuery 代码:

$("input[type='checkbox']").prop("checked");

参数properties 描述:
禁用页面上的所有复选框。
jQuery 代码:

$("input[type='checkbox']").prop({
  disabled: true
});

参数key,value 描述:
禁用和选中所有页面上的复选框。
jQuery 代码:

$("input[type='checkbox']").prop("disabled", true);
$("input[type='checkbox']").prop("checked", true);

参数key,回调函数 描述:
通过函数来设置所有页面上的复选框被选中。
jQuery 代码:

$("input[type='checkbox']").prop("checked", function( i, val ) {
  return !val;
});

练习一刻

	
		
		
		
		
	
	
		
		
这是固定的h2标题标签