jQuery中的方法

end()

结束最近的过滤操作，回到最近的这个过滤操作 之前一个状态。

html:
<div>
  <h3>dsklfl</h3>
  <h3>werklfdsfl</h3>
  <p>hjkjjk</p>
<div>

jq：

$('div').find('h3').eq(0).css('color','red').html('123')  //到第一个h3
             .end().eq(1).html('345')                     //结束获取第1个h3的状态，先回到获取两个h3的状态,再到第2个h3
             .end().end().find('p').html('000')           //结束获取第2个h3的状态，继续结束获取两个h3的状态，可以获取p了。
    

元素的操作：移动

　 .insertAfter()和.after() ：在现存元素的外部，从后面插入元素
　　.insertBefore()和.before() ：在现存元素的外部，从前面插入元素
　　.appendTo()和.append() ：在现存元素的内部，从后面插入元素
　　.prependTo()和.prepend() ：在现存元素的内部，从前面插入元素

　$('div').insertAfter($('p'));    //把div移动到到p后面
  $('p').after($('div'));          //把p移动到到div前面

事件对象的一些很有用的属性和方法

　　event.pageX             事件发生时，鼠标距离网页左上角的水平距离
　　event.pageY             事件发生时，鼠标距离网页左上角的垂直距离
　　event.type              事件的类型（比如click）
　　event.which             按下了哪一个键
　　event.data              在事件对象上绑定数据，然后传入事件处理函数
　　event.target            事件针对的网页元素
　　event.preventDefault()  阻止事件的默认行为（比如点击链接，会自动打开新页面）
　　event.stopPropagation() 停止事件向上层元素冒泡

jq选择器的实现（$）

先认识js的querySelector()方法
用法：document.querySelector('选择器');
querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

那么，你就可以定义一个方法：

$ = function(el) {return document.querySelector(el);}

然后你就可以用了！

<div class="aaa"></div>
<div id="bbb"></div>

$('.aaa')
$('#bbb')

提醒：这是有兼容性问题的，不完善。