欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery 选项卡效果 新手代码_jquery

程序员文章站 2022-05-10 08:41:34
...
jquery代码
复制代码 代码如下:

$(function(){
//选项卡
var $qqbind=$("#qq_1_1 ul li"); //获取要变化的标题为了设置它背景色变化
$qqbind.click(function(){
var ch=$qqbind.has("pre"); //去找带有pre这个标签的标题;pre是设置她的背景样式下面要用
ch.html(ch.children("pre").html()); //把带有pre标签的去掉
$(this).wrapInner("
"); //给当前得$qqbind的内容上包围
 元素: 

$("#tab_bx").children("div").removeClass("show123").addClass("hide123"); //找到id未tab_bx得div移除显示并隐藏
$("#div"+$(this).attr("name")).addClass("show123"); //找到div并把li中name得值赋给要显示的div
});

})

html代码
复制代码 代码如下:








测试







  •  QQ币充值


  • 包月服务




QQ币页面

游戏页面




相关标签: jquery 选项卡