-
关于jQuery中的end() 方法
所属栏目:[传媒] 日期:2018-08-26 热度:52
最近在学习 jQuery 方面的知识,学习中遇到一定的困难,一些知识不得不查看官方的文档,在用到end()方法时,被一个小例子搞得有点晕。 在官方的API上是这样描述end()方法的:回到最近的一个破坏性操作之前。即,将匹配的元素列表变为前一次的状态。; 看样[详细]
-
用jquery tools来实现选项卡
所属栏目:[传媒] 日期:2018-08-23 热度:185
今天感觉没有什么事,特别在网上找了一些资料想想看,不料却看到了jquery的UI库,感觉非常的活,非常的好用,减少了程序员们编辑大多数的代码,个人认为jquery加UI是一个非常不错的css+html的设计!希望大家有时间也去用用! 简单的几行代码就完成了一个选项[详细]
-
jQuery-Selectors(选择器)的使用(三、简单篇)
所属栏目:[传媒] 日期:2018-08-23 热度:109
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-23 热度:166
使用 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-23 热度:63
浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题. 时间过得好快,又被拉回js战场时, 跨域[详细]
-
jQuery-Selectors(选择器)的使用(二、层次篇)
所属栏目:[传媒] 日期:2018-08-23 热度:85
由于这篇文章中讲到的四种选择器作用范围很容易混淆,且不容易理解。我给出的四个例子还是能说明其作用范围的,并且很清晰,请读者一定仔细研究这四个实例,并作比较!把源码下载下来,试着改其中的条件,并看效果! jQuery选择器的使用灵活度非常高,至此[详细]
-
Jquery快速构建可拖拽的购物车-DragDrop
所属栏目:[传媒] 日期:2018-08-23 热度:107
拖拽功能早已经成为各个网站吸引用户的一大亮点,那有没有想过如何把拖拽功能应用到电子商务网站的购物车功能模块中呢? 这样一来,购买者只需要把自己感兴趣的商品拖拽到自己的购物车中,也可以从购物车中删除商品 同时更新购物车的总体价格和数量。 那咱[详细]
-
jQuery-Selectors(选择器)的使用(一、基本篇)
所属栏目:[传媒] 日期:2018-08-23 热度:72
1. #id用法 定义:根据给定的ID匹配一个元素。 返回值:Element 参数:id (String) : 用于搜索的,通过元素的 id 属性中给定的值 实例:将ID为div_red的DIV的边框改为红色 代码:$(#div_red).css(border,red 2px solid); //点击按钮一将执行这句代码 DIV I[详细]
-
图像远处放大功能 基于jQuery编写
所属栏目:[传媒] 日期:2018-08-23 热度:176
为了让本地图片、远程图片、过小的图片都适应此插件,有很多细节问题要处理。 首先定义结构: Copy to Clipboard 引用的内容:[www.veryhuo.com]div class=imgMagnifierWrap div class=overlay!--覆盖层,鼠标的感应区域,位于小图上最方--/div div class=[详细]
-
简单的jquery litebox遮罩层插件
所属栏目:[传媒] 日期:2018-08-23 热度:127
分享一个自己写的简单的jquery litebox遮罩层插件,直接加class liteBox调用, 有加载进度条,在链接中设置宽度、高度和是否有滚动条!js压缩代码1.4k !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtm[详细]
-
基于jQuery的幻灯插件:中等级封装类sGallery 1.0
所属栏目:[传媒] 日期:2018-08-23 热度:117
烈火网(LieHuo.Net)教程 基于 jQuery 的幻灯插件:中等级封装类sGallery 1.0,非常漂亮,欢迎大家学习和转载,请注意保留作者的博客地址,尊重作者劳动成果! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DT[详细]
-
Jquery高亮显示文本中重要的关键字
所属栏目:[传媒] 日期:2018-08-19 热度:171
一、界面预览 鼠标放到右边的Tab按钮上,文字透明度降低,同时一段文字高亮显示,效果如下: 二、实现原理 将要高亮显示的文字加上span段落标记, class=mask的div 做为遮罩层,使此遮罩层位于文字内容之上(z-index属性,使用Jquery给段落动态添加样式类[详细]
-
JQuery实例:精美个性的导航菜单
所属栏目:[传媒] 日期:2018-08-19 热度:191
浏览者是否对网站感兴趣,前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 热度:106
今天把 jquery.validate.js 下载下来,看了下它给的demo。现在来总结下笔记。 jquery.validate.js 官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 在上面可以下载到它的例子程序和js脚本 说明:本人看了下例子程序,有什么不[详细]
-
使用 JQuery 设计的树形二级菜单
所属栏目:[传媒] 日期:2018-08-19 热度:166
功能目标:列出二级菜单,点击某个菜单其他菜单均关闭,次菜单改变状态(即若为关闭则变为打开,若为打开则关闭)。 自我评价:写的有点儿初级,但是我们的目标是规范代码、更精简、更简单。 HTML部分: Copy to Clipboard 引用的内容:[www.veryhuo.com]div[详细]
-
利用jQuery的$.event.fix函数统一浏览器event处理
所属栏目:[传媒] 日期:2018-08-19 热度:63
做WEB前端开发的人都知道不同的浏览器对事件的处理方式是有区别的,比如得到触发事件的元素引用在 IE浏览器 下是:event.srcElement,在FF浏览器下则是:event.target,另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX,而IE浏览器下的处理方[详细]
-
给设计师的jQuery教程(第三部分)
所属栏目:[传媒] 日期:2018-08-19 热度:108
文章导读: 给设计师的jQuery教程(第一部分) 给设计师的jQuery教程(第二部分) 7.可折叠面板(Demo) 结合前面的技巧我们来实现一个可折叠的面板列(类似于gmail的邮件面板)。是否注意到我在Web Designer Wall的留言列表也运用了这种个效果? Copy to[详细]
-
给设计师的jQuery教程(第二部分)
所属栏目:[传媒] 日期:2018-08-19 热度:65
上一篇:给设计师的jQuery教程(第一部分) 翻译自:web designer wall 4a.手风琴1 先看一个手风琴的Demo。 Copy to Clipboard 引用的内容:[www.veryhuo.com]$(document).ready(function(){ $(.accordion h3:first).addClass(active); $(.accordion p:not[详细]
-
给设计师的jQuery教程(第一部分)
所属栏目:[传媒] 日期:2018-08-19 热度:87
这篇文章包含10个形象的例子,目的是给web设计师或者是入门的新人介绍如何使用 jQuery 实现javascript效果。jquery是一个写得少,做的多的非常优秀的一个javascript类库。它包含了很多Ajax以及javascript的特性,语义化编程,提高用户体验。因为这是一篇关[详细]
-
jQuery 实现连续列表效果
所属栏目:[传媒] 日期:2018-08-19 热度:185
你有没有手工的编写过一些重复的代码?你也觉得它们是如此的无聊吧。好了,这里有更好的解决办法。这个教程将告诉你如何运用 jQuery 添加连续的CSS类生成一个生动的列表。第二个示例是如何运用jQuery的prepend特性为留言列表添加一个留言计数。 可以先看看[详细]
-
jquery如何解析JSON数据 具体方法是什么
所属栏目:[传媒] 日期:2018-08-19 热度:176
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集[详细]
-
jQuery基础 - 树形结构的选择器
所属栏目:[传媒] 日期:2018-08-16 热度:194
树形结构里的节点,如果它不是根部,也不是末枝,那么它一定有父母和孩子。DOM结构其实也是一种树形结构, jQuery 提供的树形选择器可以用来选择DOM Tree里的节点。这些树形选择器的方法包括:children(), parent(), parents(), next(), prev(), siblings()[详细]
-
jQuery基础 - 添加/移除CSS类
所属栏目:[传媒] 日期:2018-08-16 热度:56
在网页设计中,我们常常要使用 Java script来改变页面元素的样式。其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的;而 jQuery 里提供三种方法来实现这个功能,虽然它们和传统方法[详细]
-
jQuery基础:处理多个选择结果(each迭代方法)
所属栏目:[传媒] 日期:2018-08-16 热度:96
jQuery 提供.each()方法来对选中的结果进行循环处理,而且在每次执行函数时,都会给函数传递匹配元素在选中结果里所处位置的数字值作为参数(从零开始的整形变量)。返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循[详细]
-
jQuery基础 - 判断页面元素存在与否
所属栏目:[传媒] 日期:2018-08-16 热度:115
在传统的 Java script里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。例如: document.getElementById(someID).innerText(hi);如果ID为someID的元素不存在,我们将得到Javascript运行[详细]