jQuery toggleClass应用实例（附效果图)

1、首先到jQuery官网下载射流研究…库，网址为http://jquery.com/2号，建立一个jQuery示例的项目。 3、将射流研究…库放到jQuery示例的项目中。 4、写一个超文本标记语言页面复制代码代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8'/meta http-equiv='作者'内容='孔yee '/meta http-equiv=' corporation ' content='广州匡兴软件科技有限公司/meta http-equiv=' contact ' content=' 791663094或[email protected]'/script type=' text/JavaScript ' language=' JavaScript ' src=' http : js/jquery-1。10 .2 .js '/脚本标题在此插入标题/title style type='text/css ' .bg{ /*背景颜色*/后台： # f00/*字体颜色*/color : # fff；宽度： 80px} ul，li { /*清除保险商实验所和里上默认的小圆点*/list-style:无；} ul { /*清除子菜单的缩进值*/padd : 0；/*IE8、IE9、火狐可以；IE7、IE6、IE5.5不行*/margin : 0；/*都可以了*/}/样式脚本类型=' text/JavaScript ' $(function(){//setColor是鼠标移动的方法$('li ').鼠标悬停（设置颜色)。鼠标移出(SetColor)；函数setColor(){ //如果存在（不存在)就删除（添加)一个类$(这个)。切换类(' BG ')；} });/script/head body div id=' div ' ul Li横向菜单1/李莉横向菜单2/李莉横向菜单3/李莉横向菜单4/李莉横向菜单5/li li横向菜单6/li /ul /div /body /html 5、运行效果图