-
jQuery学习第二课:操作包装集元素
所属栏目:[传媒] 日期:2018-09-10 热度:73
上文介绍了利用$函数筛选页面上的元素和替代onload事件。$函数还有一个作用,当它的参数是一个HTML片段的时候,它返回的是包含这个HTML元素的包装集。例如: html xmlns=http://www.w3.org/1999/xhtml head title jQuery Wrapper - Liehuo.net/title scrip[详细]
-
jQuery打造动态渐变按钮[附演示和源码]
所属栏目:[传媒] 日期:2018-09-06 热度:146
这是写给web设计者和前端开发者的教程,我们将演示如何使用Photoshop创建按钮的sprite图,然后是如何使用jQurey打造动态渐变效果。本教程分为以下四步: Step1 - Photoshop Step2 - HTML/CSS Step3 - Java Script( jQuery ) Step4 - CSS修改 最终结果如下[详细]
-
jQuery 创建 Dom 元素的实例代码
所属栏目:[传媒] 日期:2018-09-06 热度:100
jQuery 创建Dom元素 代码如下: 1 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN 2 http://www.w3.org/TR/html4/loose.dtd 3 html 4 head 5 meta http-equiv=Content-Type content=text/html; charset=gb2312 6 titlejQuery创建Dom元素 -[详细]
-
jQuery1.3.2源码学习7:setArray,each 函数
所属栏目:[传媒] 日期:2018-09-06 热度:62
119 // Take an array of elements and push it onto the stack 120 // (returning the new matched element set) 121 pushStack: function( elems, name, selector ) { 122 // Build a new jQuery matched element set 123 var ret = jQuery( elems ); //[详细]
-
jQuery 的位置函数多个实例应用代码
所属栏目:[传媒] 日期:2018-09-03 热度:65
有关 jQuery 的位置函数,现在有:(offset(),innerWidth(),innerHeight(),outerWidth(),outerHeight(),scrollTop(),scrollLeft())等,今天烈火小编就来介绍一下其应用实例,下面的实例中,以撑出滚动条和漂浮的广告作为例子,请看代码演示: !DOCTYPE html[详细]
-
有效提高 jQuery 代码效率的25个技巧
所属栏目:[传媒] 日期:2018-09-03 热度:99
jQuery是一款非常优秀的 Java Script框架,关于它的更多介绍请点这里。今天烈火小编整理了些提高jQuery效率的小技巧发给大家,希望对各位朋友有所帮助。 1. 从Google Code加载jQuery Google Code上已经托管了多种JavaScript类库,从Google Code上加载jQuer[详细]
-
Jquery鼠标动态添加文本框自动更新排序
所属栏目:[传媒] 日期:2018-09-03 热度:188
Jquery实现鼠标点击时动态添加文本框离开时自动更新排序 开始讲解 更新前:排序栏目只显示数字 当把鼠标放在数字上单击时:变为文本框,填入数字后,鼠标离开。自动更新。 贴出代码: $(document).ready(function(){ //修改栏目id $(.BY).click(function()[详细]
-
jQuery学习——入门篇(附实例代码)
所属栏目:[传媒] 日期:2018-09-03 热度:159
demo 0,jQ的关键程序: 程序代码 window.onload = function(){ ... } . 访问HTML文档的元素,必须先载入文档对象模型(DOM)。当window.onload函数执行的时候,说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等[详细]
-
你应该在网站上使用的31个jQuery插件
所属栏目:[传媒] 日期:2018-08-31 热度:86
jQuery插件是网页设计师最喜欢的。从图像滑块,图像画廊和导航插件,它们是如此众多,如此多样,如此惊人的和互动可以制作美化网站。在本文的在30个插件中,我认为必须在网站建设时用到。当然你现在可能不善于用,但我敢肯定你会发现他们在你未来的项目中[详细]
-
分享8款 Tabs 网页选项卡插件
所属栏目:[传媒] 日期:2018-08-31 热度:78
1)wdScrollTab是一个采用 jQuery 实现的Tab面板,当标签太多超出页面时会自动滚动。支持iframe、ajax调用和动态加载内容。 主页: http://www.web-delicious.com/jquery-plugins 演示地址: http://www.web-delicious.com/jquery-plugins-demo/wdScrollTab/[详细]
-
20篇教你得到酷炫效果的JQuery教程
所属栏目:[传媒] 日期:2018-08-31 热度:117
我们都喜爱jquery带来的梦幻效果。本之列举的教程标题不同,但它们都带有不同的酷炫视觉效果。跟着它们逐步重建你的设计,又或是将这些令人震憾的特效融入你的设计中。 Making a Beautiful HTML5 Portfolio 想打造一个让人过目不忘的专属网络文件夹?这个特[详细]
-
关于jQuery中的end() 方法
所属栏目:[传媒] 日期:2018-08-31 热度:135
最近在学习 jQuery 方面的知识,学习中遇到一定的困难,一些知识不得不查看官方的文档,在用到end()方法时,被一个小例子搞得有点晕。 在官方的API上是这样描述end()方法的:回到最近的一个破坏性操作之前。即,将匹配的元素列表变为前一次的状态。; 看样[详细]
-
报错找不到jquery-1.10.2.min.map解决办法
所属栏目:[传媒] 日期:2018-08-28 热度:80
本文解答一下报错找不到jquery-1.10.2.min.map的问题,对于 jQuery 大家并不陌生,那么source map是什么,我们先说一下什么是source map文件。 source map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js[详细]
-
jQuery验证邮箱/数字/是否为空等代码
所属栏目:[传媒] 日期:2018-08-28 热度:151
jQuery 验证邮箱/数字/是否为空等,代码如下: var Validator = { // 邮箱 isEmail : function(s) { var p = ^[-!#$%'*+./0-9=?A-Z^_`a-z{|}~]+@[-!#$%'*+/0-9=?A-Z^_`a-z{|}~]+.[-!#$%'*+./0-9=?A-Z^_`a-z{|}~]+$; return this.test(s, p); },[详细]
-
jQuery.proxy()代理、回调方法
所属栏目:[传媒] 日期:2018-08-28 热度:132
jQuery .proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。 jQuery.proxy( function, context ) function将要改变上下文语境的函数。 context函数的上下文语境(`this`)会被设置成这个 object 对象。 jQuer[详细]
-
使用 jQuery 在新窗口打开外部链接
所属栏目:[传媒] 日期:2018-08-28 热度:96
我们一般都希望在新窗口打开外部链接,这样用户就不需要离开网站就能访问外部链接,但是如果每个外部链接都手工加上新窗口打开的属性(target=_blank)的话,会让人非常抓狂。使用 jQuery ,我们只需要几行代码就能在新窗口中打开外部链接。 1. 找到外部链[详细]
-
jQuery1.8.2源码解析之jQuery.Callbacks
所属栏目:[传媒] 日期:2018-08-28 热度:168
jQuery1.8.2源码解析之 jQuery .Callbacks,已经在代码中添加了详细的注释,有需要的朋友看下边的代码就可以了。这样在使用时就方便了许多。 代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]// String to Object options format cache // 是对opt[详细]
-
jQuery ajax 在ie下面没有被调用的原因
所属栏目:[传媒] 日期:2018-08-28 热度:136
今天发现jquery 1.7.2 在ie8下面的没有调用$.get()方法。 1,然后各种调试,最后发现:把ie把关了,再打开$.get()。会调用,再第二次调用的用的时候发现又不行了。于是我推断是ie缓存的问题,把ie缓存清除后,果然可以了。但是客户不可能知道清理缓存。所以[详细]
-
利用jQuery插件打造简洁的回到顶部按钮
所属栏目:[传媒] 日期:2018-08-28 热度:108
这次,潜行者m给大家带来一个比较实用的 jQuery 技巧,为你的网站添加一个纯代码画出来的、简洁美观的回到顶部按钮。这个按钮的效果就是,当页面滑动一段距离之后,就会浮现出来这个按钮,点击这个按钮之后,就自动滚动到顶部。 点击之后就会跳转到顶部,[详细]
-
jQuery实现图片即时上传 附完整源代码
所属栏目:[传媒] 日期:2018-08-28 热度:141
最近看了一些 jQuery 即时上传的插件,总算看懂了些门路。现将其最为核心的一部分抽取出来,以期用最简单的例子来说明jQuery图片即时上传的原理。 首先本用例一共包含3个文件: 1、上传面板HTML文件。 2、上传处理PHP文件。 3、jQuery库。 第一、上传面板HT[详细]
-
使用jQuery在网页中实现分隔线的功能
所属栏目:[传媒] 日期:2018-08-28 热度:125
在C/S系统中有专门的分隔条控件,很方便实现,但在Asp.net中却没有。本文介绍了一种使用JQuery技术实现分隔条的功能。 Java script代码如下,将该代码保存成JS文件后在HTML中引用。 Copy to Clipboard 引用的内容:[www.veryhuo.com]jsplit jQuery.noConfl[详细]
-
jQuery实例:关于$.getJSON跨域Ajax方法
所属栏目:[传媒] 日期:2018-08-28 热度:129
到网上的教程都是给了一个例子,不知道使用$.getJSON实现跨域Ajax的关键在哪里,经过一段时间的研究,现将成果写一下。 客户端: 使用$.getJSON()在传输第一个参数,也就是url时,如果是跨域请求一定要有一个参数的值为?,如: Copy to Clipboard 引用的内[详细]
-
yui3与jquery的代码对照
所属栏目:[传媒] 日期:2018-08-25 热度:109
YUI3: script YUI().use('node', function(Y){ var links = Y.all('div#latest-list .bd li a'); links.on('mouseover', function(ev){ var desc = this.get('parentNode').query('.news-desc'); var popup = Y.get('.popup-desc'); if(!popup){ Y.get(doc[详细]
-
jquery jCalendar.js 日期选择插件
所属栏目:[传媒] 日期:2018-08-25 热度:101
文件下载:jCalendar.js jQuery 支持文件:jquery 1.3.1以上 样式文件示例: /*css for jCalendarSelector*/ #jCalendarSelector{position:absolute;border:1px solid #7b9ebd ;background:#efefef;padding:2px 3px;z-index:1999;} #jCalendarSelector thea[详细]
-
jquery.validate.js validation表单的验证插件
所属栏目:[传媒] 日期:2018-08-25 热度:80
messages_cn.js !--验证国际化,中文-- (不引用messages_cn.js是英文的提示,用了是中文) required: This field is required., remote: Please fix this field., email: Please enter a valid email address., url: Please enter a valid URL., date: Pl[详细]