// 鼠标移入背景色变浓,移出变淡
$(document).ready(function() { // $(document)是一个封装好的函数,将DOM映射为一个jQuery对象
$('div').mouseenter(function() {
$('div').fadeTo('fast', 1); // 0.25是透明度,1代表完全不透明
}) ;
$('div').mouseleave(function() {
$('div').fadeTo('fast', 0.5);
}) ;
});
// 可以在jQuery内部定义变量
$(document).ready(function() {
var $target = $('ol > li:nth-child(4)'); // $target可以写成任意值(如target),这里的$只是按惯例的命名规则
$target.fadeOut('fast');
});
// 可以按class选取元素
$(document).ready(function() {
$('button').click(function() { //双击是.dblclick
$('.vanish').fadeOut('slow');
});
});
// 也可以根据id选取元素
$(document).ready(function() {
$('button').click(function() {
$('#blue').fadeOut('slow');
});
});
// 可以同时选取多个元素
$('p, li').fadeTo('slow', 0); //This is called a compound selector.