< html>
$.fn.extend({
Select: function() {
return $(this).addClass('mySelected');
},
Unselect: function() {
return $(this).removeClass('mySelected');
},
MyApplication: {
Ready: function() {
$('p').click(
function($e) {
$('li').Select();
}
);
$('li').click(
function() {
$(this).hasClass('mySelected')?$(this).Unselect() : $(this).Select();
}
);
}
}
});
$(document).ready(
function() {
$.fn.MyApplication.Ready();
}
);
li.mySelected {
background: yellow;
}
- A
- B
- C
- D
- E
- F
Select All