-
jQuery-Selectors(选择器)的使用(七、子元素篇)
所属栏目:[传媒] 日期:2018-08-19 热度:188
1. :nth-child(index/even/odd/equation)用法 定义:匹配其父元素下的第N个子或奇偶元素 ':eq(index)' 只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child从1开始的,而:eq()是从0算起的! 可以使用如下语法: :nth-child(2) //索引为2的元素 :[详细]
-
jQuery-Selectors(选择器)的使用(六、属性篇)
所属栏目:[传媒] 日期:2018-08-19 热度:181
关于火狐, IE8 在浏览此文章时会有一些错误(选择器失灵)现象的声明: 首先,感谢大家对本系列文章的关注及提出的BUG。 我写文章时,用的是IE7的环境,没有考虑到火狐和其它浏览器,这是我的疏忽,在以后的文章中,我会作浏览器测试。经我测试,Radio和Ch[详细]
-
jquery validate 插件的使用
所属栏目:[传媒] 日期:2018-08-19 热度:170
一、下载地址和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-19 热度:62
今天感觉没有什么事,特别在网上找了一些资料想想看,不料却看到了jquery的UI库,感觉非常的活,非常的好用,减少了程序员们编辑大多数的代码,个人认为jquery加UI是一个非常不错的css+html的设计!希望大家有时间也去用用! 简单的几行代码就完成了一个选项[详细]
-
jQuery-Selectors(选择器)的使用(三、简单篇)
所属栏目:[传媒] 日期:2018-08-19 热度:180
副标题#e# 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[详细]
-
使用jQuery简化ajax操作的实例代码
所属栏目:[传媒] 日期:2018-08-19 热度:104
使用 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-19 热度:57
浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题. 时间过得好快,又被拉回js战场时, 跨域[详细]
-
jQuery-Selectors(选择器)的使用(二、层次篇)
所属栏目:[传媒] 日期:2018-08-19 热度:55
由于这篇文章中讲到的四种选择器作用范围很容易混淆,且不容易理解。我给出的四个例子还是能说明其作用范围的,并且很清晰,请读者一定仔细研究这四个实例,并作比较!把源码下载下来,试着改其中的条件,并看效果! jQuery选择器的使用灵活度非常高,至此[详细]
-
Jquery快速构建可拖拽的购物车-DragDrop
所属栏目:[传媒] 日期:2018-08-19 热度:178
拖拽功能早已经成为各个网站吸引用户的一大亮点,那有没有想过如何把拖拽功能应用到电子商务网站的购物车功能模块中呢? 这样一来,购买者只需要把自己感兴趣的商品拖拽到自己的购物车中,也可以从购物车中删除商品 同时更新购物车的总体价格和数量。 那咱[详细]
-
jQuery-Selectors(选择器)的使用(一、基本篇)
所属栏目:[传媒] 日期:2018-08-19 热度:137
1. #id用法 定义:根据给定的ID匹配一个元素。 返回值:Element 参数:id (String) : 用于搜索的,通过元素的 id 属性中给定的值 实例:将ID为div_red的DIV的边框改为红色 代码:$(#div_red).css(border,red 2px solid); //点击按钮一将执行这句代码 DIV I[详细]
-
图像远处放大功能 基于jQuery编写
所属栏目:[传媒] 日期:2018-08-19 热度:190
为了让本地图片、远程图片、过小的图片都适应此插件,有很多细节问题要处理。 首先定义结构: Copy to Clipboard 引用的内容:[www.veryhuo.com]div class=imgMagnifierWrap div class=overlay!--覆盖层,鼠标的感应区域,位于小图上最方--/div div class=[详细]
-
简单的jquery litebox遮罩层插件
所属栏目:[传媒] 日期:2018-08-19 热度:125
分享一个自己写的简单的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-19 热度:144
烈火网(LieHuo.Net)教程 基于 jQuery 的幻灯插件:中等级封装类sGallery 1.0,非常漂亮,欢迎大家学习和转载,请注意保留作者的博客地址,尊重作者劳动成果! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DT[详细]
-
用jquery做淡入淡出效果鼠标hover会闪动
所属栏目:[传媒] 日期:2018-08-19 热度:163
我用jquery做了一个淡入淡出效果,就是鼠标放上去会淡入一个层(层里只有一张背景图和几个文字),鼠标移开就淡出那个层. 但是只要鼠标放在li上面,鼠标的图案(手型,箭头,I字)就一直在变(闪动),一直在调试,还没有解决。有时放上去又不闪,有时又会闪[详细]
-
jQuery练习:简单的图片结果展示效果
所属栏目:[传媒] 日期:2018-08-18 热度:191
今天看到google图片搜索结果页面,感觉简洁实用,于是用jquery粗略的模仿了一下,再次感觉到jquery的强大和易用,基本思路初步实现了,再整合ajax和json,应该可以做一个简单的应用了 :) htmlheadtitlejquery练习简单的图片结果展示效果-liehuo.net/titles[详细]
-
JQuery Tips(3)-关于$()包装集内元素的改变
所属栏目:[传媒] 日期:2018-08-18 热度:62
JQuery包装集内的元素在一开始的选定后,还可以通过一系列JQuery提供的方法对包装集内的元素进行扩充,修改,筛选,删除 find()方法 VS filter()方法 这两个方法是比较容易搞混的. filter方法表示的是对当前内部的元素进行筛选,这个接受两种参数,一个返回[详细]
-
jQuery 打造的渐变下拉菜单效果
所属栏目:[传媒] 日期:2018-08-18 热度:196
利用 jQuery 来实现,其实就几行代码的事。即便如此,由于js语言的思维方式,还是一直没有把握好,加上一个css的问题,导致弄了好久才出来效果。这里主要是利目标在鼠标经过时(.hover())利用slideToggle() 、slideUp()来显示原来隐藏着的内容: Copy to[详细]
-
JQuery Tips(2)-关于$()包装集你不知道的
所属栏目:[传媒] 日期:2018-08-18 热度:180
包装集总是面向集合的 我想这个理解起来很简单,被$()包装的JQuery对象总是以集合的形式出现.就算包装集中只有一个对象. div id=a/div div id=b/div script type=text/javascript $(div).html(hi); /script 上面被选择的两个DIV的内容都会被改变为hi 包装[详细]
-
JQuery Tips(1)-关于$.Ready()
所属栏目:[传媒] 日期:2018-08-18 热度:114
最近一直在研究JQuery,这个东西还是很博大精深的.下面分享一下我的学习总结. $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在Body的Onloa[详细]
-
jQuery-Attributes(属性)的使用(一、属性篇)
所属栏目:[传媒] 日期:2018-08-18 热度:164
1. attr(name)用法 定义:取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。 返回值:Object 参数:name (String) : 属性名称 实例:将ID为div_a1的DIV中第一张图片的路[详细]
-
Jquery获取网站Alexa排名的实例代码
所属栏目:[传媒] 日期:2018-08-18 热度:134
以搜索引擎起家的Alexa创建于1996年4月,目的是让互联网网友在分享虚拟世界资源的同时,更多地参与互联网资源的组织。查询alexa的方式和方式是多种多样的,例如烈火网提供的Alexa查询服务:http://alexa.liehuo.net/ 当然,提供此服务的网站还有多家,不一[详细]
-
jQuery实现行背景颜色的交替显示
所属栏目:[传媒] 日期:2018-08-18 热度:77
//显示单双行显示不同背景色【方法一】: // $(#UL_id li:even).attr(className,redClass); //显示单双行显示不同背景色【方法二】: $(#UL_id li:even).addClass(redClass); ul id=UL_id li单数/li li双数/li li双数/li /ul odd:单 even:双[详细]
-
jQuery-Selectors(选择器)的使用(九、表单对象属性篇)
所属栏目:[传媒] 日期:2018-08-18 热度:64
在IE6、IE7、火狐下测试过了,效果都能实现。 1. :enabled用法 定义:匹配所有可用元素 返回值:ArrayElement 实例:将ID为div_a1的DIV中所有可用的input元素的背景色改为红色 代码: $(#div_a1 input:enabled).css(background-color,red); //点击按钮一将[详细]
-
基于jQuery的窗口插件:jMessageBox
所属栏目:[传媒] 日期:2018-08-18 热度:101
在WinForm程序开发中,经常用MessageBox弹出某些提示,功能虽简单但却非常的实用!而在Web页面中,浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口,如下图: 但是这些弹出来的窗口的样式非常的单调无法设置,并且窗口标题还根据不同的浏览器显示[详细]
-
jQuery-Selectors(选择器)的使用(八、表单篇)
所属栏目:[传媒] 日期:2018-08-18 热度:186
1. :input用法 定义:匹配所有 input, textarea, select 和 button 元素 返回值:ArrayElement 实例:将ID为div_a1的DIV中所有的input元素的背景色改为红色(radio,checkbox元素的状态改为选中) 代码: $(#div_a1 :input).css(background-color,red);$(#div_[详细]