前几天闲着写的一个效果，可以适用于同一页面多个表现形式的选项卡切换，下面是具体代码：
js部分：

		<script type="text/javascript">
		//封装的选项卡
		$(function(){
			function tabs(tabTit,on,tabCon){
				$(tabCon).each(function(){
					$(this).children().eq(0).show();
				});
				$(tabTit).children().click(function(){
					$(this).addClass(on).siblings().removeClass(on);
					var index = $(tabTit).children().index(this);
					$(tabCon).children().eq(index).show().siblings().hide();
				});
			}
			tabs('.tab_tit','on','.tab_con');
			tabs('.tab_tit2','on','.tab_con2');
		});
		</script>

html部分

		<div class="tab">
			<ul class="tab_tit">
				<li>1</li>
				<li>2</li>
				<li>3</li>
			</ul>
			<div class="tab_con">
				<div>111</div>
				<div>222</div>
				<div>333</div>
			</div>
		</div>
		<hr />
		<div class="tab">
			<ul class="tab_tit">
				<li>1</li>
				<li>2</li>
				<li>3</li>
			</ul>
			<div class="tab_con">
				<div>111</div>
				<div>222</div>
				<div>333</div>
			</div>
		</div>
		<hr />
		<div class="tab2">
			<ul class="tab_tit2">
				<li>1</li>
				<li>2</li>
				<li>3</li>
			</ul>
			<div class="tab_con2">
				<p>111</p>
				<p>222</p>
				<p>333</p>
			</div>
		</div>
		<style type="text/css">
			.on{ background-color:blue; color:#fff;}
			.tab_con div{ display:none;}
			.tab_con2 p{ display:none;}
		</style>

还在不断的完善中…

Query获取和设置Select选项

获取Select ：

获取select 选中的 text :

$(“#ddlRegType”).find(“option:selected”).text();

获取select选中的 value:

$(“#ddlRegType “).val();

获取select选中的索引:

$(“#ddlRegType “).get(0).selectedIndex;

设置select:

设置select 选中的索引：

$(“#ddlRegType “).get(0).selectedIndex=index;//index为索引值

设置select 选中的value：

$(“#ddlRegType “).attr(“value”,”Normal“);

$(“#ddlRegType “).val(“Normal”);

$(“#ddlRegType “).get(0).value = value;

设置select 选中的text:

var count=$(“#ddlRegType option”).length;

for(var i=0;i { if($(“#ddlRegType “).get(0).options[i].text == text)
{
$(“#ddlRegType “).get(0).options[i].selected = true;

break;
}
}

清空 Select:

$(“#ddlRegType “).empty();

最近帮朋友写了一个广告的切换，用jquery写的，要求在一个页面放多个广告切换，为了方便调用，就直接把js封装到了一个函数内，然后函数带一个参数，传递不同的参数即可，代码很简洁，还是归功于jquery的强大，下面是具体的代码部分，。

js代码：

<script type="text/javascript">
$(function(){
	function adPlay(tagId){ //创建adPlay并带一参数
		$(tagId).children().eq(0).show(); //获取第一个子标签，让其显示
		var len = $(tagId).children().length;//获取子标签的数量赋值给len
		var index = 0;//声明变量index 值为0
		var playImg = setInterval(function(){ //自动切换图片
			showImg(index);
			index++
			if(index===len){index=0}
		},3000);
		function showImg(i){  //显示索引的当前图片,隐藏同辈的图片
			$(tagId).children().eq(i).show().siblings().hide();
		}
	}
	adPlay('#banner1');
	adPlay('#banner2');
});
</script>

html代码：

<div id="banner1">
    <div>
    <a href="http://www.chmta.net" target="_blank"><img class="imgbk" src="http://img.xywy.com/xwzx/news/zhxx/images/banner12.jpg" /></a>
    </div>
    <div>
    <a href="http://www.cihexpo.com/" target="_blank"><img class="imgbk" src="http://img.xywy.com/xwzx/news/zhxx/images/banner13.jpg" /></a>
    </div>
</div>
<br />
<br />
<br />
<hr />
<br />
<br />
<br />
<div id="banner2">
    <p>
    <a href="http://www.chmta.net" target="_blank"><img class="imgbk" src="http://img.xywy.com/xwzx/news/zhxx/images/banner12.jpg" /></a>
    </p>
    <p>
    <a href="http://www.cihexpo.com/" target="_blank"><img class="imgbk" src="http://img.xywy.com/xwzx/news/zhxx/images/banner13.jpg" /></a>
    </p>
</div>

下面是实例，可以运行查看效果：

如有不合理的地方望大家给予批评指正，期待您提出更好的解决方案！