jquery语法知识（DOM属性）

1、.addClass(className):

为每个配的元素添加指定的样式类名

	
		
		
		
		
	
		
		

			
			
			
		
		
haha
	
	

2.attr( atributeName):

获取匹配的元素集合中的第一个元素的属性的值。设置每一个匹配元素的一个或多个属性

参数

一个参数：后面紧跟一个属性名

两个参数：属性名和属性值

设置元素属性值

	
		
		
		
		
	
		
		
haha
		hahah
	
	

 获取元素属性值

	
		
		
		
		
	
		
		
haha
		hahah
		

	
	

3、.hasClass( className):

确定任何一个匹配元素是否有被分配给定的(样式)类，也就是确定一个元素有没有指定的类

	
		
		
		
		
	
		
		
haha
		hahah
		

		

	
	

如果是多个类，则只要包含一个则返回true 

	
		
		
		
		
	
		
		
haha
		hahah
		

		

	
	

4、.html（）:

获取集合中第一个匹配元素的HTML内容设置每一个匹配元素的html内容。

没有参数则为获取当前元素的内容，有参数时则为为当前元素添加或者更改当前元素的内容

查看内容

    console.log($("a").html())

 

 修改内容

$("a").html("haohao");

5、.prop( propertyName):

获取匹配的元素集中第一个元素的属性( property)值为匹配的元素设置一个或多个属性( properties ) 

一个参数：属性名

两个参数：属性名及属性值

获取属性值

prop( propertyName)

console.log($("input").prop("value"))

 

 获取到的属性只能是标签已有或默认的属性，自己添加的属性不能获取

修改属性值

    console.log($("input").prop("value","哈哈哈"))

6、.removeAttr( attributeName):

为匹配的元素集合中的每个元素中移除一个属性(attribute)。

    $("a").removeAttr("href")

7、.removeClass([className]):

移除集合中每个匹配元素上一个，多个或全部样式。

    $("a").removeClass("a1");

8、.removeProp(propertyName):

为集合中配的元素删除一个属性(property)。

9、.toggleClass（）:

在匹配的元素集合中的每个元素上添加或删除一个或多个样式类取决于这个样式类是否存在或值切换属性。即:

如果存在(不存在)删除(添加)个类

	
		
		
		
		
	
			
		
按钮
	
	

toggleClass

10、.val（）:

获取匹配的元素集合中第一个元素的当前值。设置匹配的元素集合中每个元素的值.

主要获取表单元素的值，比如：input、select、textarea

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