宝哥软件园

jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)

编辑:宝哥软件园 来源:互联网 时间:2021-09-07

本文实例分析了jQuery常用样式操作。分享给大家供大家参考,具体如下:

html health eta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/title/title style type=' text/CSS ' .高{ font-weight : bold;/* 粗体字*/颜色:红色;/* 字体颜色设置红色*/}.另一个{ font-style:斜体;颜色:蓝色;}/style脚本src=' http : js/jquery-1。10 .1 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript '/![CDATA[$(函数(){ //获取样式$(“输入3360 eq(0)”).click(function(){ alert($('p '))).attr(' class ');});//设置样式$(“输入3360 eq(1)”).单击(函数(){ $('p ')).attr('class ',' high ');});//追加样式$(“输入3360 eq(2)”).单击(函数(){ $('p ')).addCLaSS(' other ');});//删除全部样式$(“输入: eq(3)”).单击(函数(){ $('p ')).移除CLaSS();});//删除指定样式$(“输入3360 eq(4)”).单击(函数(){ $('p ')).removeClass(“”高');});//重复切换样式$(“输入3360 eq(5)”).单击(函数(){ $('p ')).切换类(“其他”);});//判断元素是否含有某样式$(“输入3360 eq(6)”).click(function(){ alert($('p '))).有类(“其他”)警报($('p ').是('。另一个')});});//]]/script/head dyinput type=' button ' value='输出班级类/input type='button' value='设置班级类/input type='button' value='追加班级类/input type='button' value='删除全部班级类/input type='button' value='删除指定班级类/input type='button' value='重复切换班级类/input type='button' value='判断元素是否含有某个班级类/p class='myClass' title='选择你最喜欢的水果。'你最喜欢的水果是?/pul li title='苹果'苹果/li li title='橘子'橘子/li li title='菠萝'菠萝/li/ul/body/html效果图:

更多关于jQuery相关内容感兴趣的读者可查看本站专题: 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

更多资讯
游戏推荐
更多+