-
jQuery 性能规则分析
所属栏目:[传媒] 日期:2018-08-16 热度:188
英原文:jquery-performance-rules 翻译:Skyline.xin 之前,我们需要担心减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到一个影响性能的重要组成部分--CPU利用率。使用 jQuery和其他 Java Script框架,使节点选择和DOM[详细]
-
JQuery Dialog(JS模态窗口,可拖拽的DIV)
所属栏目:[传媒] 日期:2018-08-16 热度:178
调用示意图 交互示意图 如上图所示,这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的提交按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件。 2、用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口C[详细]
-
jQuery全选和取消全选插件及代码分析
所属栏目:[传媒] 日期:2018-08-16 热度:53
在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不被选中的状态间切换。在没有 jQuery 之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件。[详细]
-
jQuery学习5:jQuery事件模型
所属栏目:[传媒] 日期:2018-08-16 热度:164
jQuery 事件模型的功能有: 提供建立事件处理程序的统一方法; 允许在每个元素上为每个时间类型建立多个处理程序; 采用标准的事件类型名称,例如click或mouseover; 使用Event实例可用作处理程序的参数; 对Event实例的最常用的属性进行规范化; 为取消事[详细]
-
jQuery学习4:浏览器的事件模型
所属栏目:[传媒] 日期:2018-08-16 热度:73
首先要知道DOM的两级模式:DOM0级和DOM2级 在DOM0级事件处理程序是通过把函数实例的引用指派到DOM元素的属性而声明的。 声明DOM第0级事件处理程序: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadtitleD[详细]
-
jQuery学习2:选择器的使用
所属栏目:[传媒] 日期:2018-08-16 热度:127
利用选择器,选择要被操作的html中的元素。 1.利用CSS的基本选择器: a:匹配所有链接a元素。 #*:匹配id为*的元素 .*:匹配CSS类为*的元素 a#*id.*class:匹配id为*id,并拥有CSS类为*class的链接元素。 以上是CSS中的写法,在 jQuery 中用$()包起来,如:jQ[详细]
-
jQuery学习1:认识和了解jQuery库
所属栏目:[传媒] 日期:2018-08-16 热度:122
jQuery 简单的说是一个优秀的javescript类库。jQuery使开发者能更方便地处理DOM、events、实现动画效果,并且方便地为网站提供Ajax交互。jQuery力求改变web开发者在创建页面的富功能时的思维发式也即jQuery提出的行为与结构相分离。 jQuery的重点是从html[详细]
-
Jquery 经典总结:十二个常用方法
所属栏目:[传媒] 日期:2018-08-16 热度:61
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、 jQuery 对象与dom对象的转换 只有jquery对象才能使用jquer[详细]
-
用jquery的sortable做自定义网站模块
所属栏目:[传媒] 日期:2018-08-16 热度:198
今天讲讲jquery组件里的sortable(排序)。还是希望大家多发表下自己的学习经验,也可当作以后的一种财富。 其实在前年的这个时候,我就有用过这个sortable组件,那时候搞了个个人网站(可惜后来关了),首页就用到了这种拖拽的效果。当时也就从jquery的官方[详细]
-
JQuery 应用过程详解
所属栏目:[传媒] 日期:2018-08-14 热度:90
终极目的:想做一个方便的排序功能。 具体实现:点击后可以输入排序的数字编号,移开后自动更新数据库。 1,我想把这个功能用span来完成,也就需要一个在页面上监控指定的span的东西,他就是: ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数[详细]
-
JQuery获得绝对 相对位置的坐标方法
所属栏目:[传媒] 日期:2018-08-14 热度:160
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;) var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').po[详细]