js隠しコントロール
2214 ワード
js隠しコントロール用JavaScriptコントロールを隠す方法は、コントロールのスタイルを設定する「display」と「visibility」の属性の2つがあります.style.display=「block」またはstyle.visibility=「visible」の時にコントロールまたは参照すると、style.display=「none」またはstyle.visibility=「hidden」の時にコントロールが見えません.「display」は隠しコントロールだけではなく、隠しコントロールが表示時の位置を占有しなくなります.「visibility」は隠しコントロールを非表示にするだけで、コントロールは元の位置を占めます.
jquery:
スピード
オプション.要素が見えて隠れている速度(または反対)を指定します.デフォルトは0です可能な値:ミリ秒(例えば1500) 「slow」 「normal」 「fast」 速度を設定する場合、元素は見えないところから徐々に高さ、幅、外枠、内縁、透明度を変えます.このパラメータを設定すると、switchパラメータは使用できません.
calback
オプション.toggale関数が実行された後に実行する関数です.calbackの内容についてもっと勉強したいなら、私達のjQuery Callbackの章を訪問してください.speedパラメータが設定されていない限り、このパラメータは設定できません.
スイッチ
オプション.ブール値toggaleが選択されたすべての要素を非表示または表示するかどうかを規定します. True-すべての要素を表示する False-すべての要素を隠す このパラメータを設定すると、speedとcalbackパラメータは使用できません.
ヒントとコメント
この効果は、jQueryによって隠された要素や、CSSでdisplay:noneを宣言する要素に適用されます.
参考:
http://www.w3school.com.cn/jquery/effect_togle.asp
<script>
function displayHideUI()
{
var ui = document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui = document.getElementById("bbs");
ui.style.display=" ";//display , block
}
function visibilityHideUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>
jquery:
$('#id').hide();
$('#id').hide();
$('#id').toggle();
:
<p> :
$(".btn1").click(function(){
$("p").hide();
});
toggle() 。
, , , 。
構文$(selector
).toggle(speed
,callback
,switch
)
パラメータの説明スピード
オプション.要素が見えて隠れている速度(または反対)を指定します.デフォルトは0です可能な値:
calback
オプション.toggale関数が実行された後に実行する関数です.calbackの内容についてもっと勉強したいなら、私達のjQuery Callbackの章を訪問してください.speedパラメータが設定されていない限り、このパラメータは設定できません.
スイッチ
オプション.ブール値toggaleが選択されたすべての要素を非表示または表示するかどうかを規定します.
ヒントとコメント
この効果は、jQueryによって隠された要素や、CSSでdisplay:noneを宣言する要素に適用されます.
参考:
http://www.w3school.com.cn/jquery/effect_togle.asp