Hoe kan ik CSS-weergave geen wijzigen of eigenschap blokkeren met jQuery?

Hoe kan ik CSS-weergave geen wijzigen of eigenschap blokkeren met jQuery?

Antwoord 1, autoriteit 100%

De juiste manier om dit te doen is door showen hidete gebruiken:

$('#id').hide();
$('#id').show();

Een alternatieve manier is om de jQuery css-methode te gebruiken:

$("#id").css("display", "none");
$("#id").css("display", "block");

Antwoord 2, autoriteit 11%

Er zijn verschillende manieren om dit te bereiken, elk met zijn eigen beoogde doel.

1.) Om inlinete gebruiken terwijl je een element eenvoudigweg een lijst met dingen toewijst die je moet doen

$('#ele_id').css('display', 'block').animate(....
$('#ele_id').css('display', 'none').animate(....

2.) Te gebruiken bij het instellen van meerdere CSS-eigenschappen

$('#ele_id').css({
    display: 'none'
    height: 100px,
    width: 100px
});
$('#ele_id').css({
    display: 'block'
    height: 100px,
    width: 100px
});

3.) Dynamisch oproepen op commando

$('#ele_id').show();
$('#ele_id').hide();

4.) Dynamisch schakelen tussen blok en geen, als het een div is

• sommige elementen worden weergegeven als inline, inline-block of tabel, afhankelijk van de Ta g Name

$(‘#ele_id’).toggle();

Antwoord 3, autoriteit 3%

Als de weergave van de div standaard block is, kun je gewoon .show()en .hide()gebruiken, of nog eenvoudiger, .toggle()om te wisselen tussen zichtbaarheid.

Antwoord 4

Voor verbergen:

$("#id").css("display", "none");

Voor show:

$("#id").css("display", "");

Antwoord 5

Andere manier om het te doen met de jQuery CSS-methode:

$("#id").css({display: "none"});
$("#id").css({display: "block"});

Antwoord 6

Eenvoudige manier:

function displayChange(){
$(content_id).click(function(){
  $(elem_id).toggle();}
)}

Antwoord 7

Als u een element wilt verbergen en tonen, afhankelijk van of het al zichtbaar is of niet, kunt u gebruik maken van
toggle in plaats van .hide()en .show()

$('elem').toggle();

Antwoord 8

(function($){
    $.fn.displayChange = function(fn){
        $this = $(this);
        var state = {};
        state.old = $this.css('display');
        var intervalID = setInterval(function(){
            if( $this.css('display') != state.old ){
                state.change = $this.css('display');
                fn(state);
                state.old = $this.css('display');
            }
        }, 100);        
    }
    $(function(){
        var tag = $('#content');
        tag.displayChange(function(obj){
            console.log(obj);
        });  
    })   
})(jQuery);

Antwoord 9

.hide() werkt bij mij niet in Chrome.

Dit werkt om te verbergen:

var pctDOM = jQuery("#vr-preview-progress-content")[0];
pctDOM.hidden = true;

Antwoord 10

In javascript:

document.getElementById("myDIV").style.display = "none";

en in jQuery:

$("#myDIV").css({display: "none"});
$("#myDIV").css({display: "block"});

en je kunt gebruiken:

$('#myDIV').hide();
$('#myDIV').show();

Antwoord 11

In mijn geval deed ik elementen van een formulier weergeven/verbergen afhankelijk van of een invoerelement leeg was of niet, zodat bij het verbergen van de elementen het element dat op de verborgen elementen volgde, opnieuw werd gepositioneerd en zijn ruimte in beslag nam, was het nodig om een float: links van het element van zo’n element. Zelfs als je een plug-in gebruikt als hangt af, was het nodig om float te gebruiken.

Antwoord 12

Gebruik dit:

$("#id").(":display").val("block");

Of:

$("#id").(":display").val("none");

Antwoord 13

Gebruik:

$(#id/.class).show()
$(#id/.class).hide()

Dit is de beste manier.

Antwoord 14

u kunt het doen met de knop

<button onclick"document.getElementById('elementid').style.display = 'none or block';">