jQuery其他常识
时间:2023-04-05 23:32:29
HTML5
var$e=$("div").replaceWith("
你好,jquery
");返回div#app的jQuery对象,但是已经从dom树中移除,页面呈现为p。而$("
Hello,jquery
").replaceAll("#app")返回p的jQuery对象。width()和height()设置或获取匹配元素的宽高值,返回一个数字(不带单位),而$(selector).css('width')返回一个字符串(带单位)offset()获取第一个匹配元素相对于文档的位置返回:{left:Number,top:Number}设置:如果元素没有定位(即position:static),则改为relative注意:jQuery不支持获取隐藏元素的偏移坐标。同样,也无法获取隐藏元素的边框、边距或填充信息。如果元素的属性设置为visibility:hidden,那么我们仍然可以得到它的坐标。但是如果设置的属性是display:none,由于在绘制DOM树的时候根本没有绘制元素,所以它的position属性值是undefined的。position()获取第一个匹配元素相对于其最近父元素的位置,定位(即位置不是静态的)返回{left:Number,top:Number}不能设置。注意:jQuery不支持获取隐藏元素的偏移坐标和占用的border、margin和padding大小。scrollLeft()和scrollTop()获取或设置第一个匹配元素的水平和垂直位置,数值类型为vertical滚动条位置为可滚动区域的隐藏区域高于可见区域的高度。如果滚动条在顶部没有滚动或者当前元素没有滚动条,那么距离为0,顶部代码$('html,body').scrollTop(0);兼容IE和Chrome,瞬间返回顶部。事件标准事件类型clickmouseupmousedown...keypress...dblclickmousewheelchange用于输入选择元素$(window).resize事件在调整浏览器窗口大小时触发事件绑定bind()、delegate()和on()bind()在1.7之后被on()取代,绑定多个事件:$(selector).on('dblclickcontextment',function(){});on()也与zepto兼容。但是这两种方法的缺点是要绑定的元素必须存在于文档中。语法:$(selector).on('events'[,'selector'][,data],handler);第一个参数可以是标准事件名或自定义事件(由trigger触发),第一个、第二个和第三个参数可以省略。第二个参数是匹配元素的后代元素,第三个参数是传递给处理函数的数据,在函数中通过event.data接收。delegate()支持对动态创建的元素有效。语法:$('div').delegate('p','mousemove',function(){});将mousemove事件绑定到div下面的p(包括以后产生的)。事件解绑unbind(),undelegate()和off()解绑不带参数的匹配元素的所有事件,否则解绑指定参数的事件。$(selector).off('点击','**');解绑所有代理的点击事件,但不会解绑元素本身的事件。事件触发器trigger()和triggerHandler()被简单地触发:$(selector).click();trigger()触发事件并触发浏览器行为。$(selector).trigger("click");triggerHandler()触发事件响应方法,不触发浏览器行为。$(选择器).triggerHandler("焦点");eventobjecteventevent.data传递给事件处理器event.currentTarget的附加数据等于this,表示当前DOM对象event.target触发事件源,不一定等于this(通常出现在事件委托中)event.type事件类型event.whichmousebuttontype:left1middle2right3orkeyboardcodeevent.keyCode键盘代码event.pageX鼠标位置相对文档左边缘的动画一般是第一个参数是速度(fase,normal,slow,ms),第二个参数是一个函数,在动画完成后执行。show()和hide()实现显示和隐藏,可以同时改变宽高和不透明度。toggle()切换状态。fadeIn()和fadeOut()淡入淡出,只改变opacityfadeTo()按照指定的透明度逐步调整slideUp()和slideDown()的效果,只改变高度。slideToggle()切换状态。animate()自定义动画动画停止和延迟stop(),delay()AJAX$.ajax({beforeSend(){}//发送请求前调用的匿名函数,如果返回false;表示阻塞请求,可用于验证用户输入的数据})链式编程原理:returnthis;通常只能链式设置操作,获取操作时返回对应的值,这个不能返回。end()结束当前链的最新过滤操作,返回匹配元素之前的状态。多库共存jQuery占用$和jQuery两个变量。如果同一页面引用了jQuery库,它还引用了其他库或其他版本的jQuery也使用$或jQuery变量。为了保证每个库都能正常使用,需要让jQuery交出变量的控制权。$.noConflict();交出$$.noConflict(true);输出$和jQuery