jquery 选项卡效果 新手代码_jquery
程序员文章站
2022-05-11 23:52:45
...
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的内容上包围
html代码
测试
复制代码 代码如下:
$(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币页面
游戏页面
上一篇: centos7之lamp环境搭建
下一篇: Java Web应用开发基础知识