JQ操作属性

原创2018-10-27 21:38:08161
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq操作属性的方法</title> <script type="text/javascript" src="jq
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jq操作属性的方法</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style>
.box{color:red;}
.main{font-size: 40px;font-weight: bold;}
.bb{color:red;}
</style>
</head>
<body>
<script type="text/javascript">
// Jquery的操作属性其原理还是对于DOM的操作
// 通过对象的关系,对节点树中的元素属性进行操作的方法有以下:
// addClass()该方法向被选中的元素添加一个或者多个类
// removeClass() 该方法从被选中的元素移除一个或者多个类
// attr()该方法设置或者返回被选中元素的属性值
// removeAttr()该方法从被选中的元素移除属性
// hasClass()该方法对被选中元素进行添加删除类的切换操作
// toggleClass 该方法对被选中的元素进行添加/删除类的切换操作
// 
// 设置内容:
// text() 该方法返回或者设置被选中的元素的文本内容
// html() 该方法返回或者设置被选中的元素的内容(类似innerHTML)
// val()该方法返回或者设置备选元素的值


发布手记

热门词条