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

有关教程视频建议:jQuery教程视频

以上便是jquery怎样给原素提升classname的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery怎样给原素提升classname发布于2021-12-10 15:27:01