1.当document文档就绪时执行JavaScript代码。 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行。 2.使用route。 3.使用JavaScript中的AND技巧。 使用&&操作符的特点是如果操作符左边的表达式 ...
分类:
Web程序 时间:
2017-05-26 10:56:18
阅读次数:
284
定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。 注意:使用 ...
分类:
其他好文 时间:
2017-05-25 17:15:10
阅读次数:
196
1、html代码和jquery代码: 2、scss代码: 评论弹幕的主要思想是重看不到的屏幕位置移动到屏幕看到的位置,最后消失,所以需要移动,这里采用的是css3 的translate 方法,可以实现目标的移动而在移动端不卡顿。 至于每条屏幕的飘移过程中之间的位置关系需要良好的设置,比如间隔时间插入 ...
分类:
Web程序 时间:
2017-05-24 23:59:24
阅读次数:
1670
思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class 具体演示如下: 1、HTML结构:设计三个li元素 2、css样式:设计一个类selected,表示选中后的效果 3、jque ...
分类:
Web程序 时间:
2017-05-23 18:51:32
阅读次数:
171
一.jQuery选择器 基本选择器 1.Id(根据给定的ID匹配一个元素。如果选择器中包含特殊字符,可以用两个斜杠转义。) jQuery代码为$(“#myclass”) 若有特殊字符则 HTML代码为<span id=“myclass[1]” jQuery代码为$(“#myclass\\[1\\]” ...
分类:
编程语言 时间:
2017-05-22 01:23:43
阅读次数:
201
以下是jQuery和JavaScript实现相同操作的等价代码。 选择元素 Javascript代码 // jQuery var els = $('.el'); // 原生方法 var els = document.querySelectorAll('.el'); // 函数法 var $ = fu ...
分类:
编程语言 时间:
2017-05-21 16:10:17
阅读次数:
138
jQuery代码: $(function(){ var item = $("tr"); for(var i=0;i<item.length;i++){ if(i%2==0){ item[i].style.backgroundColor="#888"; } } //$("#tb tbody tr:ev ...
分类:
其他好文 时间:
2017-05-21 16:08:08
阅读次数:
191
jquery代码: <script> $(document).ready(function () { //$(".megamenu").megamenu(); $(".skyblue li a").each(function () { if ($($(this))[0].href == String ...
分类:
Web程序 时间:
2017-05-16 11:12:32
阅读次数:
156
1 只接受数字输入 2 全选 3 反选 4 单选框标签表示 5 还可输入多少字符提示 6 输入域显示缺省值 7 Email验证 8 避免重复提交 简单列举了几段JQuery表单处理的代码片段,包括只能输入数字的文本域、checkbox全选、checkbox反选、输入字符数量提示、Email验证、避免 ...
分类:
Web程序 时间:
2017-05-14 12:13:14
阅读次数:
251
1 元素屏幕居中 2 获取页面路径相关参数 3 删除内联样式 4 长度限制并截取 5 外链新窗口打开 6 测试JQuery与其它库冲突情况 7 加载JQuery即使CDN掉线 8 加载遮罩层,点击移除 9 元素固顶 10 禁止右键菜单 11 对象插件模版代码 ...
分类:
Web程序 时间:
2017-05-14 12:11:46
阅读次数:
240