首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

此方法仅对可见元素有效。...事件对象: 由于IE-DOM和标准DOM实现事件对象的方法各不相同,导致在不同 浏览器中获取事件对象变得比较困难.针对这个问题,jquery进行了必要的扩 展和封装,从而使得在任何浏览器中能很好的轻松的访问获取事件对象以及事...该方法的作用是获取到光标相对于页面的x坐标和y坐标.如果没有使用jquery时,那么IE浏览器中 是使用event.pageX()和event.pageY()方法.如果页面上有滚动条,则还要加上滚动条的宽度和高...speed:三种预定速度之一的字符串("slow","normal",or "fast")或表示动画时长的毫秒数值(如:1000) •opacity:一个0至1之间表示透明度的数字。...•页面初次加载时不需要加载全部的javascript文件,在需要时动态加载jQuery.getJSON(url, [data], [callback]) 通过 HTTP GET 请求载入 JSON

8.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

第73天:jQuery基本动画总结

一、DOM对象jQuery对象相互转换 jQuery对象转换成DOM对象: 方式一:$(“#btn”)[0] 方式二:$(“#btn”).get(0) DOM对象转换成jQuery对象: $(document...slideDown .slideDown():用滑动动画显示一个匹配元素 .slideDown()方法将给匹配元素的高度的动画,这会导致页面的下面部分滑下去,弥补了显示的方式 常见的操作,提供一个动画是时间...0,可以让元素不可见透明度的参数是0~1之间的值,通过改变这个值可以让元素有一个透明度的效果。...fadeIn()函数用于显示所有匹配的元素,并带有淡入的过渡动画效果。 注意: - 淡入的动画原理:操作元素的不透明度从0%逐渐增加到100% - 如果元素本身是可见的,不对其作任何改变。...语法:参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) - 如果传递任何参数给 .index() 方法

3.2K10

好久不用 jQuery, 来复习一下

程序加载更快 1.1.3 jQuery对象   DOM(Document Object Model,文档对象模型),每一个 DOM 都可以表示成一棵树。...按照不同的过滤规则,过滤选择器分为:基本过滤选择器,内容过滤选择器,可见性过滤选择器,子元素过滤选择器和表单对象属性过滤选择器 ☞ 基本过滤选择器 ? ☞ 内容过滤选择器 ?...☞ 可见性过滤选择器 ? ☞ 属性过滤选择器 ? ☞ 子元素过滤选择器 ? ☞ 表单对象属性过滤选择器 ?...动画 1.4.1 show() 方法和 hide() 方法   show() 方法和 hide() 方法是 jQuery 中最基本的动画方法。...如果处理函数绑定给 window 对象,则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。

5.5K40

jQuery中常用的函数和属性详细解析

这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。...这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。...fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。...这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。 stop( ) 停止所有匹配元素当前正在运行的动画。如果有动画处于队列当中,他们就会立即开始。...返回的对象有2个属性, top和left,属性值为整数。这个函数只能用于可见元素。

2.5K10

JQuery最全常用方法指南

这个动画只调整元素的不透明度,也就是说所有匹配的元素的 高度和宽度不会发生变化。...这个动画只调整元素的不透明度,也就是说所有匹配的元素的 高度和宽度不会发生变化。...fadeTo(speed, opacity, [callback]) 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成 后可选地触发一个回调函数。...这个动画只调整元素的不透明度,也就是说所 有匹配的元素的高度和宽度不会发生变化。 stop() 停止所有匹配元素当前正在运行的动画。如果有动画处于队列当中,他们就会立即开始。...返回的对象有2个属性, top和left,属性值为整数。这个函数只能用于可见元素。

10.9K20

前端总结

websocket postMessage 提升页面性能 资源压缩合并,减少http请求 非核心代码时间异步加载, 利用浏览器缓存, 使用cdn 浏览器预解析dns 实现水平垂直居中 第一种方法已知元素宽高...css3动画有三个重要属性animation和动画绑定,需要@keyframes去配合 transform(一般我需要用来改旋转之类) transition(改宽高透明度之类的) 构造函数不需要显示的返回值...使用new来创建对象(调用构造函数)时,如果return的是非对象(数字、字符串、布尔类型等)会忽 而略返回值;如果return的是对象,则返回该对象。...删除数组,splice img高度问题 父元素设置宽度以后img设置100%是生效的,而父元素设置max宽度,100%生效 js作用域问题 JavaScript的函数作用域是指在在函数内声明的所有变量在函数体内始终是可见的...history.scrollRestoration = "manual" 为是否记录用户页面滚动条,所以导致在页面加载的时候无法使用scrollTo document.title,访问页面的title并可以修改

49410

jquery nicescroll 配置参数

jQuery滚动条插件兼容ie6+、手机、ipad http://www.areaaperta.com/nicescroll/ jQuery(function($){ $("#scrollInner...配置参数 当调用“niceScroll”你可以传递一些参数来定制视觉方面: cursorcolor - 十六进制改变光标颜色,默认值是“#000000” cursoropacitymin - 改变不透明度非常光标处于非活动状态...(scrollabar“隐藏”状态),范围从1到0, 默认为0(隐藏) cursoropacitymax - 改变不透明度非常光标处于活动状态(scrollabar“可见”状态),范围从1到0,默...,真=默认/“光标”=只进游标隐藏/ false =隐藏背景,CSS改变轨道的背景下,默认为“” iframeautoresize,在加载事件AUTORESIZE的iframe(默认:true)...) sensitiverail,点击轨道上进行滚动(默认:true) enablemouselockapi,可以用鼠标说明锁的API(对象拖动同样的问题)(默认:true) cursorfixedheight

4.1K80

利用Jquery Lazyload JS插件实现网页图片延迟加载

,只有滚动或下拉浏览器才会加载底部的图片2.初始化属性使用jquery lazyload需要进行初始化才能生效延迟加载效果。...如设置为200, 表示滚动条在离目标位置还有 200 的高度时就开始加载图片, 可以做到不让用户察觉。...(data-后面的属性名)7, skip_invisible: 默认值 trueskip_invisible: 设置是否加载可见的图片.Lazy Load 插件默认对隐藏的图片不加载(例如 display....属性默认是空的, 所以如果设置它, 动画的时间为400毫秒.12, failurelimit: 值为数字....根据 HTML 文档的布局从上往下查找, 当找到第一个并未显示/加载的 img 时, 就会停止往下查找.(其实就是对 $("img.lazy") 这个对象(组)进行顺序查找)。

8.1K61

html遮罩层样式,遮罩层样式

使用了宽和高都为100%的iframe后,用了后会导致背景色和文字颜色等失效。...javascript弹出遮罩层弹出提示 * {margin:0;padding:0;font-size:12px … jquery 弹出遮罩层 点击层关闭 在Flash动画中,遮罩主要有两种用途: 一个作用是用在整个场景或一个特定区域...,使场景外的对象或特定区域外的对象可见; 另一个作用是用来遮罩住某一元件的一部分… jquery.blockUI.js” type=”text/javascript”> //=========遮罩层...将弹出内容和动画和事件完全分离出去让coder掌控,这样可以完全实现设计… 查看效果地址:http://www。 miiceic 。org 。...scrollTop兼容问题,即弹出层后滚动条不允许回到最上面,而是停在当前可见区域。

4.6K10

JavaWeb(八)JQuery

2.1.4/jquery.min.js"> jQuery 只有一个对象jQuery == $) 一定要搞清楚jQuery 与dom 对象之间的区别于联系 dom对象:dom 对象...是浏览器自带对象,dom 对象只能调用dom 里面的属性和方法, 不能调用jQuery 对象里面的属性和方法 jQuery对象jquery 对象是通过jQuery 包装页面上面的元素或者dom 而产生的一个新的...对象jquery 对象jQuery 独有的,不能调用dom 对象里面的属性和方法,jQuery 对象是一个数组。...dequeue() 运行被选元素的下一个排队函数 fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见 fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏 fadeTo() 把被选元素逐渐改变至给定的不透明度...scrollLeft() 设置或返回匹配元素相对滚动条左侧的偏移。 scrollTop() 设置或返回匹配元素相对滚动条顶部的偏移。 width() 设置或返回匹配元素的宽度。 1<!

1.7K40

View编程指南(三)

但是,如果您的nib文件未与view controller关联,则可以使用NSBundle或UINib对象手动加载nib文件内容,该对象使用nib文件中的数据来重构view对象。...例如,如果要保存应用程序中当前可见的view列表,则应将每个可见view的tag写入文件。这比归档实际的view对象更简单,特别是在只跟踪当前可见view的情况下。...当您的应用程序随后被加载时,您将重新创建您的view并使用保存的tag列表来设置每个view的可见性,从而将您的view层次结构返回到之前的状态。...更改view的所有权或delegate关系会导致绘图问题和应用程序中的潜在崩溃 如果您主要使用图层对象而不是view,则可以根据需要将自定义图层对象合并到view层次结构中。...自定义图层接收事件或参与响应者链,但根据核心动画规则绘制自己的图形并响应其父view或图层中的大小更改 - (void)viewDidLoad { [super viewDidLoad];

1.7K30

JQuery笔记

callback) 切换 hide() 和 show() 方法 淡入淡出 fadeIn(speed,callback) 用于淡入已隐藏的元素 fadeOut(speed,callback) 方法用于淡出可见元素...默认是 false,即仅停止活动的动画, 允许任何排入队列的动画向后执行。 可选的 goToEnd 参数规定是否立即完成当前动画。...匹配这个标准的元素会被从集合中删除,匹配的元素会被返回 not() 方法返回匹配标准的所有元素 AJAX load方法 load() 方法从服务器加载数据,并把返回的数据放入被选元素中 语法...$(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。...参数是 load() 方法完成后所执行的函数名称 responseTxt - 包含调用成功时的结果内容 statusTXT - 包含调用的状态 xhr - 包含 XMLHttpRequest 对象

6.1K20

JavaScript学习笔记(四)—— jQuery入门

可见性伪类选择器,就是根据元素的“可见”和“不可见”这两种状态来选取元素: 选择器 说明 :hidden 选取有不可见的元素 :visible 选取可见元素 display:none type=“hidden...通过控制不透明度的变化来实现淡入效果,并在动画完成之后出发一个回调函数:fadeIn(speed,callback); $(document).ready(function (...,并在动画结束后回调一个至一个函数,这是就需要用到fadeTo()方法: - fadeTo(speed,opacity,callback); - opacity表示要调整到的不透明度值,1表示完全不透明...自定义动画 jQuery animate()方法允许用户创建自定义动画,根据方法参数不同,可以制作简单动画与复杂累积动画。...如果要改变,需要将元素的position属性设置成relative、fixed或absolute; 累积动画 jQuery为用户提供了针对动画的队列功能,用户可以编写多个animate方法,jQuery

11.1K50

Qml开发中的性能Tips(翻译文)

1.2 异步加载大图像 如果同步加载图像,则会阻塞UI界面。在许多情况下,图像不需要立即可见,因此它们可以是延迟加载的。 如果不需要立即显示图像,则应在单独的线程中异步加载图像。...这样,大图像不会占用超过必要的内存; 这对于从外部源加载或由用户提供的内容尤为重要。 请注意,动态更改此属性会导致重新加载图像源,甚至可能来自网络,如果它不在内存缓存中。...如果您确实需要启用Image的smooth属性,请在动画开始时禁用平滑处理,并在动画结束时重新启用它(仅当图像在屏幕上静止时,缩放瑕疵才可见)。...设置此值可以提高滚动行为的流畅性,但要牺牲额外的内存使用量。数据本身缓存,但缓存的是实例化委托。 对于较短的列表,那么其中每个项都可以缓存。...虽然创建列表会慢一些,但是列表滚动会更流畅。 4.1 在过渡动画中尽可能为屏幕的小区域设置动画 如果您需要在一秒钟内移动3个元素,请尝试每次移动300毫秒。

4.8K32

CSS3动画性能优化集

判断出当前页面处于可见的部分 判断出即将通过页面滚动可见的部分 随着用户滚动页面来移动这些部分 排版线程对于用户的操作保持快速的响应,普遍的效率时每秒 60 帧的速度去刷新显示。...CSS3 优点:简单且与内容分离、css动画触发layout和paint;(这些属性的修改不会触发layout和paint:backface-visibility、opacity、perspective...JQuery 优点:没有兼容性问题 缺点:每一帧,都要进行repaint、recomposite(非常耗时); 总结 在移动端动画效果上,使用css3动画要比jquery动画效率高的多。...css3在移动端出现卡顿问题 css3动画在ios上跑没问题,但是在安卓上有时会出现卡顿现象,包括下面几点原因。 是否导致layout?...尽可能将动画元素absolute或者fixed化以避免影响文档树,以减少重排. 是否启用硬件加速? “用到了CSS3动画”和“开启了硬件加速”是两件事情,虽然前者有可能导致后者。

9010

jQuery学习笔记

函数位于一个document ready函数中,我们需要在js中加载该函数文档 // jQuery入口函数 $(document).ready(function(){ //jQuery代码 }...-- speed:规定了淡入淡出的延迟时间可取(slow/fast/毫秒数;即:缓慢的、快速的、延迟的) callback:完成执行后调用的函数名称 --> fadeOut():淡出可见的元素...-- stopAll:是否清除动画队列 默认false goToEnd:是否立即停止动画 默认false 默认情况下,stop()会清除被选中的元素的当前动画 --> Callback() 当前动画...遍历 向上遍历DOM树 parent() 返回自己的直接父类元素 parents() 返回自己的所有直系类元素(直至根元素) parentsUntil() 返回两种直接的所有直系类元素(包含) //...jQuery AJAX AJAX AJAX = 异步JavaScript + XML 在不重载网页的情况下,后台加载数据并显示在页面上 AJAX菜鸟教程 jQuery ajax()方法

7.4K30

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券