在jquery中 ， 通过获得父元素对象 ， 使用addClass方法便可以给父元素添加class 。 下面小编举例讲解?jquery如何给父元素添加class 。
文章插图
需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何给父元素添加class 。 ?
文章插图
2在test.html文件内 ， 在p标签内 ， 利用span标签建立一行文字 。 ?
文章插图
3在css标签内 ， 界说一个类名为mytest的样式 ， 设置布景颜色为灰色 。 ?
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行addDad()函数 。 ?
文章插图
5在js标签中 ， 建立addDad()函数 ， 在函数内 ， 经由过程":parent"获得span元素的父元素 ， 再利用addClass()方式给父元素添加mytest类名 。 ?
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。 ?
文章插图
总结：1【jquery如何给父元素添加class】1、在p标签内 ， 利用span标签建立一行文字 。 2、在css标签内 ， 界说一个类名为mytest的样式 ， 设置布景颜色为灰色 。 3、利用button标签建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行addDad()函数 。 4、在js标签中 ， 建立addDad()函数 ， 在函数内 ， 经由过程":parent"获得span元素的父元素 ， 再利用addClass()方式给父元素添加mytest类名 。 5、在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。 ?
以上内容就是jquery如何给父元素添加class的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- jquery中怎样匹配父元素内最后一个元素
- jquery怎样设置父元素id属性
- Win10文件资源管理器如何设置显示回收站
- ppt2019如何设置放映幻灯片时激光笔颜色
- wps2019如何设置表格自动添加边框
- wpsppt中如何制作黄色工作汇报型目录
- php中如何对数组按键值排序
- wpsppt中如何制作蓝色简约型商务封面
- wpsppt中如何制作红色边框型纯文字排版
- wpsppt中如何制作小清新商务型时间轴