kernal lora kernal lora - 3 months ago 34
Javascript Question

JQERY appear(), show() methods difference?

I'm studying for a HTML, CSS, JS exam and found various resources to help me study. In doing a practice quiz, I found this question.

You are creating a page that contains detailed employee information for a company portal. The page uses a jQuery library. The page contains a hidden button named btnEdit that is defined by
the following code.

<button id="btnEdit" style="display: none;n>Edit</button>


The button is not displayed by default.
The button must be displayed only if the user is logged on.
You need to add code to the document.ready() function to meet the requirements for the button.
Which line of code should you use?

A. $ (`#btnEdit').appear ();
B. $ (`#btnEdit').visible = true;
C. $ (`#btnEdit').show();
D. $ (`#btnEdit').Visible();


The quiz telling me that option A is correct.
I haven't use appear() method before.

My question is:


  1. .appear(), Is this function really as a part of jquery library.?
    I could not find .appear() function in JQUERY doc. -No results in jquery API

  2. Is that option A is correct? If it is correct can anyone tell me why?
    As of my conscience option C is correct(If I'm wrong correct me).

  3. Can anyone please tell me difference between appear() and show()?
    And when to use appear(), when to use show()?


Answer

Show is a function to show a selected element. e.g:

<i id='element' style='display:none;'></i>

to show hidden element

$('#element').show()

As Jquery says disappear/appear is a custom event you can fire once the element is shown. so it should look something like -

$('#element').appear(function() {
  ... code goes here
});

For jQuery reference show - http://api.jquery.com/show/ appear/disappear - https://plugins.jquery.com/appear/

Edit - i think it's also safe to say that show is packed with options and a 'complete' callback which is fired once the element has finished shown.

Comments