-
jQuery-Selectors(选择器)的使用(六、属性篇)
所属栏目:[传媒] 日期:2018-08-22 热度:96
关于火狐, IE8 在浏览此文章时会有一些错误(选择器失灵)现象的声明: 首先,感谢大家对本系列文章的关注及提出的BUG。 我写文章时,用的是IE7的环境,没有考虑到火狐和其它浏览器,这是我的疏忽,在以后的文章中,我会作浏览器测试。经我测试,Radio和Ch[详细]
-
jquery validate 插件的使用
所属栏目:[传媒] 日期:2018-08-22 热度:164
一、下载地址和Demo http://jquery.bassistance.de/validate/jquery.validate.zip 首页: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 二、默认校验规则 (1)required:true 必输字段 (2)remote:check.php 使用ajax方法调用check.php验[详细]
-
用jquery tools来实现选项卡
所属栏目:[传媒] 日期:2018-08-22 热度:69
今天感觉没有什么事,特别在网上找了一些资料想想看,不料却看到了jquery的UI库,感觉非常的活,非常的好用,减少了程序员们编辑大多数的代码,个人认为jquery加UI是一个非常不错的css+html的设计!希望大家有时间也去用用! 简单的几行代码就完成了一个选项[详细]
-
jQuery-Selectors(选择器)的使用(三、简单篇)
所属栏目:[传媒] 日期:2018-08-22 热度:147
1. :first用法 定义:匹配找到的第一个元素 返回值:Element 实例:将ID为ul_1的ul中的第一个Li元素的背景色改为红色 代码: $(#ul_1 li:first).css(background-color,red); //点击按钮一将执行这句代码 ul ID=ul_1 Li 1 Li 2 Li 3 Li 4 Li 5 Li 6 Li 7 Li[详细]
-
使用jQuery简化ajax操作的实例代码
所属栏目:[传媒] 日期:2018-08-22 热度:89
使用 jQuery 简化ajax操作的实例代码 Copy to Clipboard 引用的内容:[www.veryhuo.com]%@ Page Language=C# ContentType=text/html ResponseEncoding=gb2312% script runat=server protected void Page_Load(object sender, EventArgs e) { if (!IsPostBa[详细]
-
用jQuery解决跨域访问的问题
所属栏目:[传媒] 日期:2018-08-22 热度:126
浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题. 时间过得好快,又被拉回js战场时, 跨域[详细]
-
jQuery-Selectors(选择器)的使用(二、层次篇)
所属栏目:[传媒] 日期:2018-08-22 热度:195
由于这篇文章中讲到的四种选择器作用范围很容易混淆,且不容易理解。我给出的四个例子还是能说明其作用范围的,并且很清晰,请读者一定仔细研究这四个实例,并作比较!把源码下载下来,试着改其中的条件,并看效果! jQuery选择器的使用灵活度非常高,至此[详细]
-
jQuery制作动态酷效果总结
所属栏目:[传媒] 日期:2018-08-19 热度:138
jQuery 是一个优秀的 Java Script框架,可以很好的解决不同浏览器兼容的问题,尤其是在ASP.NET MVC下,它的作用更加的凸显。 jQuery在制作动态酷效果的时候有很强的优势,以下是笔者总结的一些最常用到的方法。 1.修改内联CSS jQyery提供.css()方法来供我[详细]
-
使用 CSS+Jquery 实现页面圆角框效果
所属栏目:[传媒] 日期:2018-08-19 热度:118
前不久做项目,要用到大量的页面圆角的框块,以前实现的时候都是用图片做背景之类的方法,那种方法对于少数的还是比较可行的,但是当涉及到整个项目都要用 到这样的效果时就显得不够优化和简练了,所以我就想用一个既方便调用又方便更新的方法来实现,结果[详细]
-
jQuery 图片放大镜插件下载与使用说明
所属栏目:[传媒] 日期:2018-08-19 热度:68
介绍一个十分好用的JQUERY图片放大镜插件,在很多电子商务网站中,有时在看小图时,往往想再看这个货品的大图, 传统的另外打开一张大图的话,不大COOL,所以找到了这个插件, 插件下载地址: http://www.mind-projects.it/projects/jqzoom/ 简单介绍下,在下载后,[详细]
-
应用jQuery取得radio/checkbox组的值
所属栏目:[传媒] 日期:2018-08-19 热度:113
jQuery 对checkbox的操作如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!-- $(document).ready(function(){ $(#btn1).click(function(){ $([name='checkbox']).attr(checked,'true');//全选 }) $(#btn2).click(function(){ $([name='checkbox'])[详细]
-
Jquery高亮显示文本中重要的关键字
所属栏目:[传媒] 日期:2018-08-19 热度:90
一、界面预览 鼠标放到右边的Tab按钮上,文字透明度降低,同时一段文字高亮显示,效果如下: 二、实现原理 将要高亮显示的文字加上span段落标记, class=mask的div 做为遮罩层,使此遮罩层位于文字内容之上(z-index属性,使用Jquery给段落动态添加样式类[详细]
-
JQuery实例:精美个性的导航菜单
所属栏目:[传媒] 日期:2018-08-19 热度:153
浏览者是否对网站感兴趣,前20秒的第一印象至关重要,所以我们的设计要符合大众的期望。下面我们将设计一个个性的导航菜单。 (一):XHTML: Copy to Clipboard 引用的内容:[www.veryhuo.com]div id=sidebar ul lia href=index.html class=normalMenuHom[详细]
-
JQuery表单验证插件jQuery.validate.js
所属栏目:[传媒] 日期:2018-08-19 热度:53
今天把 jquery.validate.js 下载下来,看了下它给的demo。现在来总结下笔记。 jquery.validate.js 官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 在上面可以下载到它的例子程序和js脚本 说明:本人看了下例子程序,有什么不[详细]
-
使用 JQuery 设计的树形二级菜单
所属栏目:[传媒] 日期:2018-08-19 热度:120
功能目标:列出二级菜单,点击某个菜单其他菜单均关闭,次菜单改变状态(即若为关闭则变为打开,若为打开则关闭)。 自我评价:写的有点儿初级,但是我们的目标是规范代码、更精简、更简单。 HTML部分: Copy to Clipboard 引用的内容:[www.veryhuo.com]div[详细]
-
利用jQuery的$.event.fix函数统一浏览器event处理
所属栏目:[传媒] 日期:2018-08-19 热度:64
做WEB前端开发的人都知道不同的浏览器对事件的处理方式是有区别的,比如得到触发事件的元素引用在 IE浏览器 下是:event.srcElement,在FF浏览器下则是:event.target,另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX,而IE浏览器下的处理方[详细]
-
给设计师的jQuery教程(第三部分)
所属栏目:[传媒] 日期:2018-08-19 热度:134
文章导读: 给设计师的jQuery教程(第一部分) 给设计师的jQuery教程(第二部分) 7.可折叠面板(Demo) 结合前面的技巧我们来实现一个可折叠的面板列(类似于gmail的邮件面板)。是否注意到我在Web Designer Wall的留言列表也运用了这种个效果? Copy to[详细]
-
jQuery 性能规则分析
所属栏目:[传媒] 日期:2018-08-16 热度:83
英原文:jquery-performance-rules 翻译:Skyline.xin 之前,我们需要担心减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到一个影响性能的重要组成部分--CPU利用率。使用 jQuery和其他 Java Script框架,使节点选择和DOM[详细]
-
JQuery 应用过程详解
所属栏目:[传媒] 日期:2018-08-16 热度:120
终极目的:想做一个方便的排序功能。 具体实现:点击后可以输入排序的数字编号,移开后自动更新数据库。 1,我想把这个功能用span来完成,也就需要一个在页面上监控指定的span的东西,他就是: ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数[详细]
-
JQuery Dialog(JS模态窗口,可拖拽的DIV)
所属栏目:[传媒] 日期:2018-08-16 热度:61
调用示意图 交互示意图 如上图所示,这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的提交按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件。 2、用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口C[详细]
-
jQuery全选和取消全选插件及代码分析
所属栏目:[传媒] 日期:2018-08-16 热度:166
在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不被选中的状态间切换。在没有 jQuery 之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件。[详细]
-
jQuery学习5:jQuery事件模型
所属栏目:[传媒] 日期:2018-08-16 热度:160
jQuery 事件模型的功能有: 提供建立事件处理程序的统一方法; 允许在每个元素上为每个时间类型建立多个处理程序; 采用标准的事件类型名称,例如click或mouseover; 使用Event实例可用作处理程序的参数; 对Event实例的最常用的属性进行规范化; 为取消事[详细]
-
jQuery学习4:浏览器的事件模型
所属栏目:[传媒] 日期:2018-08-16 热度:91
首先要知道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 热度:174
利用选择器,选择要被操作的html中的元素。 1.利用CSS的基本选择器: a:匹配所有链接a元素。 #*:匹配id为*的元素 .*:匹配CSS类为*的元素 a#*id.*class:匹配id为*id,并拥有CSS类为*class的链接元素。 以上是CSS中的写法,在 jQuery 中用$()包起来,如:jQ[详细]
-
jQuery学习1:认识和了解jQuery库
所属栏目:[传媒] 日期:2018-08-16 热度:68
jQuery 简单的说是一个优秀的javescript类库。jQuery使开发者能更方便地处理DOM、events、实现动画效果,并且方便地为网站提供Ajax交互。jQuery力求改变web开发者在创建页面的富功能时的思维发式也即jQuery提出的行为与结构相分离。 jQuery的重点是从html[详细]