1.判斷屏幕高度

$(document).ready(function() {
$("#left").height($(window).height());
$("#main").height($(window).height() - 80);
//t = (screen.height - 30)
});

2.下拉框選中內(nèi)容替換原有文字（類似城市切換）

$(".display ul li").click(function() {
$(".display").hide();
$(".xzsj span").empty().prepend($(this).text());
});

3.簡單開關(guān)按鈕

<p class="sexp">
<span class="sex boy activesex">男</span>
<span class="sex">女</span>
</p>

$('.sex').click(function(){
$(this).removeClass('activesex');
$(this).addClass('activesex').siblings('span').removeClass('activesex');
})
3.增加id

$(".tab ul li").click(function(){
$(".tab ul li").eq($(this).index()).attr('id',"active_tab").siblings().removeAttr('id','active_tab');
//另一種方法: $("div").eq($(".tab li").index(this)).addClass("on").siblings().removeClass('on');

});

4.childrenparent用處多多

$('.boxlist1').mouseover(function(){
$(this).children('.listdetail').children('.rightbj').css('display','block');
});
$('.boxlist1').mouseout(function(){
$(".rightbj").hide();
});

$('.hover_bj').mouseover(function(){
$(this).children('.xiugai').css('display','block');
});
$('.hover_bj').mouseout(function(){
$(this).children('.xiugai').css('display','none');

})

5.判斷

if ($(this).text()=="月報(bào)") {
$(".selectzcfz").show();

} else{
$(".selectzcfz2").show();
$(".selectzcfz").hide();
}
6. 判斷當(dāng)前樣式如果是a,則b隱藏，如果是b,則a隱藏

<script>
$(function(){
$('a').click(function(){
if($(this).hasClass('close')){
$(this).css('display','none');
$(this).siblings('a').css('display','inline');

}else if($(this).hasClass('open')){
$(this).css('display','none');
$(this).siblings('a').css('display','inline');
}
})
})
</script>

7.切換按鈕

$('.yiqiyong').click(function() {
$(this).toggleClass('yiqiyong');
$(this).toggleClass('yijinyong');
});

總結(jié)

以上是生活随笔為你收集整理的idong常用js总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。