$(document).ready( function() {
// 使用jQuery的click事件改变视觉效果，并开启滑动效果
$(“div.button”).click( function() {
// div.button 现在看上去是按下的效果
$(this).css( {
borderStyle : “inset”,
cursor : “wait”
});
// #sliding 现在将渐隐并在完成动作之后开启渐显效果
// slideup once it completes
$(‘#sliding’).slideDown(‘slow’, function() {
$(‘#sliding’).slideUp(‘slow’, function() {
// 渐显效果完成后将会改变按钮的CSS属性
$(‘div.button’).css( {
borderStyle : “outset”,
cursor : “auto”
});
});
});
});
});
12.学会使用自定义选择器
jQuery允许我们在css选择器的基础上定义自定义选择器来让我们的代码更简洁:
$.expr[‘:’
$.expr[‘:’].mycustomselector= function(element, index, meta, stack){
// element- DOM元素
// index – 堆栈中当前遍历的索引值
// meta – 关于你的选择器的数据元
// stack – 用于遍历所有元素的堆栈
// 包含当前元素则返回true
// 不包含当前元素则返回false
};
// 自定义选择器的应用:
