jquery实例--页面操作

显示/隐藏：

show/hide(speed,callback);
toggle(speed,callback);

淡入淡出：

fadeIn/fadeOut(speed,callback)；
fadeToggle(speed,callback);
fadeTo(speed,opacity,callback);

//以上speed都可用字符串‘fast/slow‘，或毫秒数字；对css中声明"visibility:hidden"的元素无效；

时间： 2024-10-11 07:13:30

jquery实例--页面操作的相关文章

jquery 框架页面操作顶层窗体中元素,或者其他框架页面中元素

(1) var dls = top.$("#leftFrame").contents().find("dl"); top是Window类的实例,表示最顶层窗体所有的jquery对象可以看成是windsow对象的属性. 因为 js中定义一个变量,比如 var aVar = 1,就相当于给window对象新增一个属性, 可以通过windows.aVar来访问刚刚定义的对象. top.$("#leftFrame")用了找到顶层窗体中id为leftF

jquery实例--文本操作

阻止文本换行: replace(regexp/substr,replacement); demo 第一个参数可以是字符串或正则: replace(/\ +/g,"")); //去掉空格 replace(/[\r\n]/g,"")); //去掉回车换行文本限制字数: substring(start,end); //start包括,end不包括: demo 注意keyup和keydown的效果区别: 更好的方法是允许多写字数,但提示超出字数并不运行提交: 提示文本的显

jquery实例--窗口操作

居中的弹出框: demo 设置框和背景的时候position用fixed; 要设置居中的话要获取浏览器的宽高及框的数据后计算: 考虑浏览器大小变化resize()和滚动条滚动scroll()的情况:

Selenium2学习-014-WebUI自动化实战实例-012-Selenium 操作下拉列表实例-div+{js|jquery}

之前已经讲过了 Selenium 操作 Select 实现的下拉列表:Selenium2学习-010-WebUI自动化实战实例-008-Selenium 操作下拉列表实例-Select,但是在实际的日常网页开发中,实现下拉列表的方法.样式.特效有 N 多种,但是无论实现的方法有多少不同,其都会遵循一定的规律,在此我就不再赘述了(有兴趣的小主,可以找有经验的前段请教一下).同时,此类实现的下拉列表在使用 Selenium 进行定位时,往往不尽如人意,定位比较繁琐. 此文仅以淘宝网账户注册时选择手

JavaScript之jQuery-4 jQuery事件(页面加载后执行、事件处理、事件冒泡、事件对象、模拟操作)

一.jQuery 页面加载后执行代码执行的时机选择 - $(document).ready()方法和 window.onload事件具有相似的功能,但是在执行时机方面是有区别的 - window.onload 事件是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行 - $(document).ready()方法注册的事件处理程序,在DOM完全加载后就可以调用 - 一般来讲, $(document).ready()的执行要优于window.onload事件 - 需要注意的是,

Jquery父页面和子页面的相互操作

//父页面调用子页面Add函数 $("iframe")[0].contentWindow.Add() //父页面对子页面Id为Sava的Dom元素执行一次单击操作 $("iframe").contents().find("#Sava").click(); //子页面调用父页面Update()函数 parent.Update(); //子页面获取父页面Id为Name的Dom元素的value值 parent.$("#Name").

10分钟学会基于ASP.NET的 JQuery实例 (转)

本文介绍如何在ASP.NET(ASP.NET/AJAX)里使用基于JQuery的AJAX技术.(源代码下载见最后) 在使用JQuery前,请到www.jquery.com下载最新版本的js代码,然后再代码里使用 <script src="_scripts/jQuery-1.2.6.js" type="text/javascript"></script>即可,当然,由于微软已经把JQuery集成到VS里,所以你可以到WWW.ASP.NET/aj

jQuery实例

jQuery实例左侧菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>左菜单</title> <script src="jquery-1.12.4.js"></script> <style> .menu{ height: 500px; widt

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 页面事件与 deferred

在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery Mobile 事件,而页面事件由于事件数较多,并且涉及 jQuery 中一个比较复杂的对象 deferred ,因此在本文中单独说明.jQuery Mobile 页面事件使用分为页面加载事件 (Page load events),页面跳转事件 (Page change events),页面显示/隐藏事件 (