jquery怎样给原素提升classname-JAVA编程网

WWW.lllT.neT

jquery给原素提升classname的方式：1、运用运用“$(原素)”句子配对原素目标；2、运用addClass()方式来给原素加上classname，英语的语法为“原素目标.addClass("要加入的classname")”。

本实例教程实际操作自然环境：windows7系统软件、jquery1.10.0版本号、Dell G3电脑上。

jquery怎样给原素提升classname

1、新创建一个html网页页面，随后在html网页页面加上一个含有文本<div>和一个点击事件按键，随后给按键加上一个点击事件。

html编码：

<div id="add">点一下按键加上class</div>
<input type="button" value="加上class" onclick="addBtn()" />

加上class类的款式。在<title>标识后边建立一个<style>标识，随后给该标识设定一个文字大小的款式类。

css代码：

<style>
.fs40{
font-size: 40px;
}
</style>

2、引进jquery库。在<style>标识后边引进一个jquery库。建立<scritp>标识，在该标识里应用 addClass()方式对<div>标识加上class类。

js代码：

<script type="text/javascript">
function addBtn(){
$("#add").addClass("fs40")
}
</script>

储存html编码网页页面，随后应用打开浏览器，点一下按钮图标，就可以见到<div>标识的字体变大，表明加上class类取得成功。

网页页面全部编码。可以立即拷贝全部编码，黏贴到新创建html网页页面，改动jquery库引进途径，储存html编码应用打开浏览器，点一下按键可以见到实际效果。

全部编码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.fs40{
font-size: 40px;
}
</style>
<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
<script type="text/javascript">
function addBtn(){
$("#add").addClass("fs40")
}
</script>
</head>
<body>
<div id="add">点一下按键加上class</div>
<input type="button" value="加上class" onclick="addBtn()" />
</body>
</html>

导出結果：

1123.05.png