-
jQuery 原理的模拟代码 -1 核心部分
所属栏目:[传媒] 日期:2018-09-11 热度:148
最近又看了一下 jQuery 1.4.2, 为了便于理解,将 jQuery 的核心使用比较简单的代码模拟一下。方便学习。 核心部分实现了两种选择器,使用 id 和标记名,还可以提供 css 的设置,以及 text 的设置。 1 // # 表示在 jQuery 1.4.2 中对应的行数 2 3 // 定义变[详细]
-
jQuery为什么在firebug下表现出数组的特征
所属栏目:[传媒] 日期:2018-09-11 热度:159
在firebug下面用console.debug($(a))打印 jQuery ()返回值时,会发现控制台输出是一个数组,但我们知道jQuery()返回的确实一个对象,只不过这个对象有length属性和数字的下标,最重要的是还有一个splice方法。只要满足这三点,就会在控制台输出一个数组。[详细]
-
jQuery.animate简单分析
所属栏目:[传媒] 日期:2018-09-11 热度:150
很久之前就对 jQuery .animate的实现非常感兴趣,不过前段时间很忙,直到前几天端午假期才有时间去研究。 jQuery.animate的每种动画过渡效果都是通过easing函数实现的。jQuery1.4.2中就预置了两个这样的函数: easing: { linear: function( p, n, firstNum[详细]
-
Json获取中国天气网天气预报的代码
所属栏目:[传媒] 日期:2018-09-11 热度:185
获取中国天气网天气的代码 var url=escape(http://m.weather.com.cn/data/101210701.html); var cookie_info = cookie_info; var date = new date(); var hours=24-date.gethours()-1; var mins=60-date.getminutes()-1; var secs=60-date.getseconds(); da[详细]
-
jquery加载页面时调用js的方法
所属栏目:[传媒] 日期:2018-09-11 热度:120
一般的加载页面时调用js方法如下: window.onload = function() { $(table tr:nth-child(even)).addClass(even); //这个是jquery代码 }; 这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求[详细]
-
jQuery仿Yahoo首页弹出层,带缓冲效果可关闭
所属栏目:[传媒] 日期:2018-09-11 热度:89
前段时间,烈火在YAHOO首页看到一个弹出层效果,发现还挺实用,并且有缓冲效果,可以关闭,非常不错,今天有幸在网上一个技术牛人的博客看到了这个特效,于是把教程发出来给大家看看,一起学习,以下是原文: 笔者本来想自己做一个. 自己javascript 还不怎[详细]
-
你应该在网站上使用的31个jQuery插件
所属栏目:[传媒] 日期:2018-08-27 热度:145
jQuery插件是网页设计师最喜欢的。从图像滑块,图像画廊和导航插件,它们是如此众多,如此多样,如此惊人的和互动可以制作美化网站。在本文的在30个插件中,我认为必须在网站建设时用到。当然你现在可能不善于用,但我敢肯定你会发现他们在你未来的项目中[详细]
-
JavaScript仿淘宝智能浮动,网页固定层代码
所属栏目:[传媒] 日期:2018-08-27 热度:78
在烈火网以前的教程,我们发表过多玩游戏顶部浮动层、天涯社区的顶部浮动导航条,这是当前非常流行的一种效果!恰巧,今天在月光看到一篇同样的文章,提供较早使用该效果的淘宝网,只是没有给出完整代码! 在淘宝网中,商品列表特别长,而商品列名称始终保[详细]
-
分享8款 Tabs 网页选项卡插件
所属栏目:[传媒] 日期:2018-08-27 热度:192
1)wdScrollTab是一个采用 jQuery 实现的Tab面板,当标签太多超出页面时会自动滚动。支持iframe、ajax调用和动态加载内容。 主页: http://www.web-delicious.com/jquery-plugins 演示地址: http://www.web-delicious.com/jquery-plugins-demo/wdScrollTab/[详细]
-
jQuery Dialog系列插件:五款弹出对话框、遮罩层
所属栏目:[传媒] 日期:2018-08-27 热度:189
今天给大家整理了五款弹出对话框、遮罩层效果的 jQuery Dialog系列插件,经常访问烈火下载栏目的朋友可能发现了这些资源,现在烈火网编辑将这些插件统一整理在本文,这能够给您节省查找资源的时间! 如果您喜欢这些jQuery插件,请把它推荐给您的好友吧!感[详细]
-
利用jQuery检测checkbox是否有选中
所属栏目:[传媒] 日期:2018-08-27 热度:90
利用 jQuery 的:checked选择器返回size()即可,通过IE6、IE7、 IE8 、FF、 Chrome $(input[name='aaa']:checked).size() 演示: !DOCTYPE HTMLhtml lang=en-USheadmeta charset=UTF-8title利用jQuery检测checkbox是否被选中/title/headbodypinput type=che[详细]
-
20篇教你得到酷炫效果的JQuery教程
所属栏目:[传媒] 日期:2018-08-27 热度:99
我们都喜爱jquery带来的梦幻效果。本之列举的教程标题不同,但它们都带有不同的酷炫视觉效果。跟着它们逐步重建你的设计,又或是将这些令人震憾的特效融入你的设计中。 Making a Beautiful HTML5 Portfolio 想打造一个让人过目不忘的专属网络文件夹?这个特[详细]
-
使用jQuery创建水平和垂直居中的网站
所属栏目:[传媒] 日期:2018-08-27 热度:140
最近在做一个红酒相关的网站,因为对设计要求比较高,所以做了一个图片感比较强的网站,但是发现在大 分辨率 ,特别是4:3的时候很奇怪,所以想让网页水平垂直都居中,就是让一个div实现水平和垂直居中,虽然好几种方式实现,但是今天介绍时我最喜欢的方法[详细]
-
jQuery判断一个元素是否为另一个元素的子元素(或者其本身)
所属栏目:[传媒] 日期:2018-08-27 热度:71
上个月研究学习了《js判断一个元素是否为另一个元素的子元素》,感觉还挺好用,但是在 jQuery 应用中还是有很多缺陷,比如多个元素的时候写起来就不是很方便。所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展: Copy[详细]
-
解决jQuery对表单serialize后出现的乱码问题
所属栏目:[传媒] 日期:2018-08-27 热度:69
代码出自于 jQuery formValidator表单验证插件(4.0.2新增),适用于所有的平台。 通过看jQuery源码可以知道,serialize方法是通过encodeURIComponent编码的,所以解决乱码的最笨方法: 1、重新分解序列化后的值 2、把分解的值重新decodeURIComponent回来 3[详细]
-
关于jQuery中的end() 方法
所属栏目:[传媒] 日期:2018-08-27 热度:129
最近在学习 jQuery 方面的知识,学习中遇到一定的困难,一些知识不得不查看官方的文档,在用到end()方法时,被一个小例子搞得有点晕。 在官方的API上是这样描述end()方法的:回到最近的一个破坏性操作之前。即,将匹配的元素列表变为前一次的状态。; 看样[详细]
-
JQuery Tips(2)-关于$()包装集你不知道的
所属栏目:[传媒] 日期:2018-08-22 热度:170
包装集总是面向集合的 我想这个理解起来很简单,被$()包装的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-22 热度:186
最近一直在研究JQuery,这个东西还是很博大精深的.下面分享一下我的学习总结. $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在Body的Onloa[详细]
-
jQuery-Attributes(属性)的使用(一、属性篇)
所属栏目:[传媒] 日期:2018-08-22 热度:73
1. attr(name)用法 定义:取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。 返回值:Object 参数:name (String) : 属性名称 实例:将ID为div_a1的DIV中第一张图片的路[详细]
-
Jquery获取网站Alexa排名的实例代码
所属栏目:[传媒] 日期:2018-08-22 热度:107
以搜索引擎起家的Alexa创建于1996年4月,目的是让互联网网友在分享虚拟世界资源的同时,更多地参与互联网资源的组织。查询alexa的方式和方式是多种多样的,例如烈火网提供的Alexa查询服务:http://alexa.liehuo.net/ 当然,提供此服务的网站还有多家,不一[详细]
-
jQuery实现行背景颜色的交替显示
所属栏目:[传媒] 日期:2018-08-22 热度:114
//显示单双行显示不同背景色【方法一】: // $(#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-22 热度:164
在IE6、IE7、火狐下测试过了,效果都能实现。 1. :enabled用法 定义:匹配所有可用元素 返回值:ArrayElement 实例:将ID为div_a1的DIV中所有可用的input元素的背景色改为红色 代码: $(#div_a1 input:enabled).css(background-color,red); //点击按钮一将[详细]
-
基于jQuery的窗口插件:jMessageBox
所属栏目:[传媒] 日期:2018-08-22 热度:66
在WinForm程序开发中,经常用MessageBox弹出某些提示,功能虽简单但却非常的实用!而在Web页面中,浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口,如下图: 但是这些弹出来的窗口的样式非常的单调无法设置,并且窗口标题还根据不同的浏览器显示[详细]
-
jQuery-Selectors(选择器)的使用(八、表单篇)
所属栏目:[传媒] 日期:2018-08-22 热度:57
1. :input用法 定义:匹配所有 input, textarea, select 和 button 元素 返回值:ArrayElement 实例:将ID为div_a1的DIV中所有的input元素的背景色改为红色(radio,checkbox元素的状态改为选中) 代码: $(#div_a1 :input).css(background-color,red);$(#div_[详细]
-
jquery关于option,append,attr,val()等的使用
所属栏目:[传媒] 日期:2018-08-22 热度:152
//遍历option和添加、移除option function changeShipMethod(shipping){ var len = $(select[@name=ISHIPTYPE] option).length if(shipping.value != CA){ $(select[@name=ISHIPTYPE] option).each(function(){ if($(this).val() == 111){ $(this).remove()[详细]