html之jQuery知识总结

this指代原生对象，$(this)指代jQuery对象；

$(this).index()只获取当前层级范围内的索引值；

$(选择器).html()获取网页内容，.html(‘网页元素’)；

$(选择器).attr()获取属性，.attr({title:”})设置属性；

$(选择器).prop(‘checked’)获取属性true or false，.prop({checked:true})

jQuery的一些特殊效果：

#fadein()fadeout()fadeToggle()#show()hide()toggle()#slidedown()slideup()slideToggle(时间，动画曲线（swing/linear），function (){    //回调代码})

jQuery的链式调用！

jQuery的动画：

#$(选择器).animate(属性，时间，[动画曲线],function(){    //回调代码})/*属性:{title:''}时间:ms动画曲线:缺省参数回调函数:...*/

jQuery循环：

#$(选择器).each(function(index){    //index指代索引值})

jQuery尺寸：

width():获取元素宽度；height():获取元素高度；innerHeight():获取包含padding的高度；innerWidth():获取包含padding的宽度；outerHeight():获取包含padding和border的高度；outerWidth():获取包含padding和border的宽度；outerHeight(true):获取包含padding、border、margin的高度；outerWidth(true):获取包含padding、border、margin的宽度；

返回顶部：

$(html,body).animate({'scrollTop:0'})

鼠标移入移出事件：

mouseover()鼠标移入，有冒泡现象，移入子元素也会触发执行代码；mouseout()鼠标移出，有冒泡现象，移除子元素也会触发执行代码；mouseenter(),无冒泡现象,移入子元素不会触发事件；mouseleave(),无冒泡现象,移出子元素不会触发事件；移入和移出简写（func1代表移入，func2代表移出）：$(this).hover(function(){},function(){})

取消鼠标移入移出多次动画只保留一次：

$(this).stop().animate({})

表单元素的值发生变化：

change()，输入框的内容变化，失去焦点时触发；

通过Ajax处理用户名的事件：

keyup()，键松开就触发；

窗口大小发生变化时：

$(window).resize()

窗口滚动条上下滑动：

$(window).scroll()

事件绑定的其他方式：

$(this).bind('mouseover click',function(event){})绑定事件；$(this).unbind()取消绑定；

自定义事件：

#通过bind来绑定自定义事件，通过trigger来触发自定义事件；$(this).bind('python',function(event){    //执行代码})$(this).trigger('python')#trigger不但能触发自定义事件，而且能触发系统事件；

事件冒泡：

传递事件，从自己开始向上传递，一直传到最后的body；

阻止事件冒泡和默认行为：

$(this).click(function(event){    #阻止事件冒泡    event.stopPropagation();    #阻止默认行为    event.preventDefault();    //合并写法    return false;})

阻止默认菜单：

$(document).contextmenu(function(event){    event.preventDefault();})

事件委托(代理)，利用冒泡，提高性能：

$('父元素').delegate('子元素'，'绑定事件'，function(){})$('父元素').undelegate();//取消委托

jQuery创建节点：

var $span = $('<span>')append()&appendTo()创建的节点在尾部插入到内部；prepend()&prepend()创建的节点在头部插入到内部；before()&insertbefore()创建的节点在头部插入到外部；after()&insertafter()创建的节点在尾部插入到外部；

jQuery删除节点：

$(this).remove()