jQuery(三)、属性

jQuery设置了很多为标签进行属性的操作,比如添加、删除。

1 attr(name | properties | [key, value | fn])

  设置或返回被选择的属性值。

  参数:

  (1) name :属性名,返回该属性值。

  (2) properties:该参数为'名 : 值' 对的JSON格式对象,给标签进行设值,如: $("img").attr({'width':'100','height':'100','src':'1.png'})

  (3) key, value:为属性key设置值value。

  (4) key, function(index,attr):设置属性,函数function返回属性值,入参index为当前元素的索引值,attr为原先属性值。

2 removeAttr(name)

  从每一个匹配的元素中删除一个属性。

3 prop(name | properties | [key, value | fn])

  获取在匹配的元素集中的属性值(雷同 attr )

4 removeProp(name)

  用来删除由prop方法设置的属性值。

5 addClass(class | fn)

  为每个匹配的元素添加指定的类名。

  参数:

  (1) class:一个或多个要添加到元素中的CSS类名,多个class用空格分开。

  (2) function(index, class):此函数必须返回一个或多个class。index为元素索引,class为元素以前的class。

6 removeClass([class | fn])

  为匹配的元素删除全部或指定的类。

  参数:

  (1) class:一个或多个要删除的CSS类名,多个class用空额分开。

  (2) removeClass():删除全部class

  (3) function(index, class):此函数必须返回一个或多个class。index为元素索引,class为元素以前的class。

7 toggleClass(class | fn  [, switch])

  如果存在(不存在)就删除(添加)一个class。

  参数:

  (1) class:CSS类名。

  (2) class, switch:要切换的class, 一个用来判断样式类添加还是移除的 boolean 值。

  (3) switch: 一个用来判断样式类添加还是移除的 boolean 值。

  (4) function(index, class[, switch]):1:用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。 2: 一个用来判断样式类添加还是移除的 boolean 值。

8 html([val | fn])

  设置或返回第一个元素的html内容。

  参数:

  (1) html():返回第一个元素的html内容。

  (2) val:要设置的HTML内容值。

  (3) function(index, html):返回一个HTML字符串。index为元素在集合中的索引位置,html为原先的html。

9 text([val | fn])

  设置或返回所有匹配元素的内容。

  text() 返回由所有匹配元素包含的文本内容组合起来的文本。

  参数:

  (1) val:要设置的值

  (2) function(index, value):此函数要返回一个设置的值。index为元素在集合中的索引位置,text为原先的text值。

10 val([val | fn | arr])

  设置或返回匹配元素的当前值。

  在jQuery1.2后,可以返回任意元素的值,包括select,如果多选,将返回一个数组,包含其选择的值。

  参数:

  (1) val():获取文本框中的值,如 $('input').val();

  (2) val:要设置的值,如 $('input').val('HELLO WORLD!');

  (3) function(index, value):此函数返回一个要设置的值。index为元素在集合中的索引位置,value为原先的值。

  (4) array:用于checkbox/select/radio 的值,如 $("#single").val("Single2"); $("#multiple").val(["Multiple2", "Multiple3"]); $("input").val(["check2", "radio1"]);

猜你喜欢

转载自www.cnblogs.com/www-123456/p/10685703.html
今日推荐