jQuery——总结DOM节点属性:attr removeAttr addClass removeClass html text

1、attr(key,value):设置指定元素的值


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" >script>	
		<script>
			$(function(){
				$("a").attr("href","http://www.baidu.com");
				//意即给a标签的href属性添加一个值为http://www.baidu.com
			})
		script>
	head>
	<body>
		<a>百度一下a>
	body>
html>

结果如下:
在这里插入图片描述

2、removeAttr(name):删除指定元素name


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" >script>	
		<script>
			$(function(){
				$("a").attr("href","http://www.baidu.com");
				$("a").removeAttr("href");
			})
		script>
	head>
	<body>
		<a>百度一下a>
	body>
html>

结果如下:
在这里插入图片描述

3、addClass(class):为指定元素设置class属性的值,多个值使用空格间隔


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" >script>		
		<script>
			$(function(){
				$("a").addClass("zzu");
			})
		script>
		<style>
			.zzu{
				background-color: red;
			}
		style>
	head>
	<body>
		<a href="http://www.baidu.com">百度一下a>
	body>
html>

结果如下:
jQuery——总结DOM节点属性:attr removeAttr addClass removeClass html text_第1张图片

4、removeClass([class]):删除指定元素class属性的值,多个值使用空格间隔


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" >script>		
		<script>
			$(function(){
				$("a").addClass("zzu");
				$("a").removeClass("zzu");
			})
		script>
		<style>
			.zzu{
				background-color: red;
			}
		style>
	head>
	<body>
		<a href="http://www.baidu.com">百度一下a>
	body>
html>

结果如下:
jQuery——总结DOM节点属性:attr removeAttr addClass removeClass html text_第2张图片

5、html([val]):设定指定元素的html内容


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" >script>		
		<script>
			$(function(){
				$("span").html("

郑州大学

"
) })
script> head> <body> <span id="zzu">span> body> html>

结果如下:
jQuery——总结DOM节点属性:attr removeAttr addClass removeClass html text_第3张图片

6、text([val]) :设置指定元素的内容


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" >script>		
		<script>
			$(function(){
				$("span").text("

郑州大学

"
) })
script> head> <body> <span id="zzu">span> body> html>

结果如下:
jQuery——总结DOM节点属性:attr removeAttr addClass removeClass html text_第4张图片

你可能感兴趣的:(jQuery——总结DOM节点属性:attr removeAttr addClass removeClass html text)