Пункт, который отображается в Jquery

Question

http://jsfiddle.net/7w5Xv/621/

код HTML:

<div> 
    <p>text to appear when the user puts the mouse over</p> 
</div> 

код CSS:

div 
{ 
    background:blue; 
    width:100px; 
    height:100px; 
} 

p 
{ 
    display:none; 
} 

код JQuery:

$('div').hover(function() { 

    $('p')//What function should I use here?); 

}); 

Я хочу, чтобы этот пункт появится только когда пользователь ставит е стрелка над моими диванами.

Как я могу решить эту проблему? Вы можете мне помочь?

Заранее благодарен!

Answer 1

Там так много способов добиться этого. См. Метод ниже.

$(function() { 
 
    var content; // Declare a variable 
 
    content = $('p').text(); // assign the variable to the p's content only 
 

 
    $('p').text(''); // Leave the content empty by default 
 

 
    $('p').mouseenter(function() { 
 

 
    $(this).text(content); // Now show it on mouse enter 
 

 
    }).mouseleave(function() { // empty on mouse leave 
 
    $(this).text(''); 
 
    }); 
 
});

p { 
 
    background: blue; 
 
    width: 100px; 
 
    height: 100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>text to appear when the user puts the mouse over</p>

Примечание: Вы можете применить тот же метод к DIV и не P

Answer 2

$('div').hover(function() { 
    $('p').show() 
}); 

Answer 3

Это то же самое, как и другие, только с $ (документ) .ready добавлено в.

<script> 
    $(document).ready(function(){ 
    $('div').hover(function() { 

    $('p').show(); 

    }); 
    }); 

</script> 

В зависимости от того, где вы r код jquery находится на странице - возможно, потребуется объявить $ (документ). Если его в головной части, это необходимо.