1.val方法
val2.html方法与text方法
html方法相当于innerHTML text方法相当于innerText
3.width方法与height方法
设置和获取元素宽高
//获取可视区宽度 $(window).width(); //获取可视区高度$(window).height();
4.scrollTop与scrollLeft
设置或者获取垂直滚动条的位置
//获取页面被卷曲的高度 $(window).scrollTop() //获取页面被卷曲的宽度 $(window).scrollLeft();
5.offset方法与position方法
offset和position6.jQuery事件绑定
简单事件绑定(click,mouseenter,mouseleave)>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐)
简单事件:不能同时绑定多个事件
bind:不支持动态事件绑定
delegate:只能注册委托事件,因此注册时间需要记得方法太多了
on7.事件解绑
off8.触发事件
$(selector).click(); //触发 click事件
$(selector).trigger("click");
9.jQuery事件对象
jQuery时间对象10.each方法
each11.阻止事件冒泡和浏览器默认行为
//e.preventDefault();//阻止 默认 比如点击a标签跳转
//e.stopPropagation();//阻止 事件冒泡 比如弹出alert
//return false;//既能阻止事件冒泡,也能阻止浏览器的默认行为。
12.delay延迟事件
$( " #id") .fadeIn(1000).delay(2000).fadeout(1000)
13.链式编程
//设置性操作:可以链式编程 //获取性操作,不能链式,因为获取性操作,数值,字符串
14.$冲突
//jQuery释放$的控制权
$.noConflict();
jQuery(function () { });
15.jquery插件的实质,就是给jquery的原型上增加方法。
$.fn.bgColor = function ( ) { }
16.jQuery lazyload.js
<image class='lazy ' data-orginal=' 01.jpg'>
$("img.lazy").lazyload();
17.resize
对浏览器窗口调整大小进行计数:当调整浏览器窗口的大小时,发生 resize 事件。
resize() 方法触发 resize 事件,或规定当发生 resize 事件时运行的函数。
网友评论