js 或jquery 怎么实现div内容的全选

js 或jquery 如何实现div内容的全选?
就像鼠标选择页面中的一段内容,背景变成蓝色,然后就可以ctrl+c ctrl+v了
我想实现用户点击一个按钮,就会自动将某个div内的所有内容全部变蓝,就像鼠标按住不动全部选择的效果一样
------解决思路----------------------

aaaaaaaaaaaaaaaaaaa
<div id="aa">
xxxxxxxxxxxxxx<br />
xxxxxxxxxxxxxx<br />
xxxxxxxxxxxxxx<br />
xxxxxxxxxxxxxx<br />
</div>
aaaaaaaaaaaaaaaaa
<script type="text/javascript">

function selectText(element) {
var text = document.getElementById(element);
if (document.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
/*if(selection.setBaseAndExtent){
    selection.setBaseAndExtent(text, 0, text, 1);
}*/
} else {
alert("none");
}
}
selectText("aa");
</script>