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>
导出結果:
有关教程视频建议:jQuery教程视频
以上便是jquery怎样给原素提升classname的详尽具体内容,大量请关心自学java网其他相关文章!
WWW.lllT.neT声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!
原文地址:jquery怎样给原素提升classname发布于2021-12-10 15:27:01