1. 选择自己
<div id="wai"> 外部 <span> span wai</span> <div id="nei"> 内部 <span>span nei</span> </div> </div>
$("#wai").html();
他只是选择了 { 外部 <span> span wai</span> <div id="nei"> 内部 <span>span nei</span> </div>} 这一部分。
$("#wai")[0].outerHTML;
$("#wai").get(0).outerHTML;
这样选择的DOM元素就包括自己了 <div id="wai">……</div>
2. 在指定范围内查找
$("#nei span").html(); //最慢
$("span","#nei").html(); // JQuery从内部将它转化成第三种
$("#nei").find("span").html(); //最快
三个效果一样，都是在 #nei 里面查找span。但是查找效率从上到下，依次增高，也就是说，find() 速度最快。
3. 禁止右键菜单
$(document).bind("contextmenu", function (e) {
return false;
});
4. 获得事件源
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> <script type="text/javascript"> function eve(event) { var asd = $(event.target).text();//获得点击标签的文本 alert(asd); } </script> </head> <body> <div onclick="eve(event)">div1</div> <div onclick="eve(event)">div2</div> </body> </html>
因为项目中的html代码都是通过ajax向后台请求得到的，不知道这种办法之前，我都是通过先在需要事件的处理的标签加上class属性，然后通过
$(".class").click(function(){
$("this") …… //处理事件源
})
来处理事件源的，知道有上面的方法，就是想不起来怎么用，今天突然想起来，记录一下吧！O(∩_∩)O~