HTML中jQuery元素添加

目录

jQuery元素添加方法

一、attr（）方法：直接使用jQuery语句

二、在body中使用anload标签属性

三、调用function匿名方法实现

四、$(document)方法添加元素

五、addClass(class|fn)方法

六、toggleClass(class|fn[,sw])

---

jQuery元素添加方法

一、attr（）方法：直接使用jQuery语句

格式：attr（）方法：attr(name|properties|key,value|key,fn)：

设置或返回被选元素的属性值。
1、name：返回name属性的属性值：

2、properties：使用JavaScript对象设置属性的属性值：

3、key,value：

4、key,fn：

代码示例：

	
		
		
		
	
	
		百度
		
	

结果展示：

点击即可跳转到百度页面

二、在body中使用anload标签属性

格式：

代码示例：

	
		
		
		
                 
	
	
		百度
	

与attr方法结果一样

三、调用function匿名方法实现

代码示例：

	
		
		
		
                 
	
	
		百度
	

与attr方法结果一样

四、$(document)方法添加元素

代码示例：

	
		
		
		
                 
	
	
		百度
	

与attr方法结果一样

五、addClass(class|fn)方法

为匹配元素设置class属性的属性值，多个属性值使用空格间隔如下例子：

同时，removeClass([class|fn])：删除匹配元素class属性的属性值，多个属性值使用空格间隔，如下例子：

六、toggleClass(class|fn[,sw])

切换样式——如果类名存在则删除它，如果类名不存在则添加它。