随笔分类 -  Jquery

1 2 下一页
JQuery选择器
摘要：通配符： 根据索引选择： 获得下一级节点的input个数： 获得class为main的标签的子节点下所有<a>标签: 选择紧邻标签: 筛选器: 阅读全文
posted @ 2017-05-15 00:26 赛跑的蜗牛 阅读(207) 评论(0) 推荐(0)
父页面操作嵌套iframe子页面的HTML标签元素
摘要：一个页面A.html使用iframe嵌套一个页面B.html，在A页面写js操作B页面HTML元素，首先要获取到B页面document对象，才能对嵌套页面进行操作 请看一个实例，在A页面写js操作B页面div的内容： A.html代码： B页面代码： 当点击 “测试操作” 时就这个文字就被修改成“1 阅读全文
posted @ 2017-03-23 22:37 赛跑的蜗牛 阅读(5871) 评论(1) 推荐(0)
Jquery mobiscroll 移动设备(手机)wap日期时间选择插件以及滑动、滚动插件
摘要：Jquery Mobiscroll是一个用于触摸设备(Android phones, iPhone, iPad, Galaxy Tab)的日期和时间选择器jQuery插件。以及各种滑动插件 可以让用户很方便的只需要滑动数字既可以选择日期。Mobiscroll作为一款jQuery日期插件可以让用户自定 阅读全文
posted @ 2016-11-17 11:09 赛跑的蜗牛 阅读(55142) 评论(4) 推荐(3)
jQuery Colorbox弹窗插件使用教程小结、属性设置详解以及colorbox关闭
摘要：jQuery Colorbox是一款弹出层，内容播放插件，效果极佳，当然我主要是用来弹出图片啦。 jQuery Colorbox不仅有弹性动画效果，淡入淡出效果，幻灯片播放,宽度自定义，还能够ajax加载html,iframe等等，最主要的是它还可以写回调函数 效果演示地址： 1、http://ww 阅读全文
posted @ 2016-11-15 20:02 赛跑的蜗牛 阅读(13382) 评论(0) 推荐(1)
jQuery DateTimePicker 日期和时间插件
摘要：jQuery UI很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，我们可以自定义其展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。 日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航 阅读全文
posted @ 2016-11-15 15:52 赛跑的蜗牛 阅读(117421) 评论(2) 推荐(5)
bootstrap与Select2使用小结
摘要：这个select2组件的功能确实很强大，可以将图片放入到select里面随着文字一起显示。 组件的下载地址以及API说明地址： 1、Select2使用示例地址：https://select2.github.io/examples.html 、http://select2.github.io/sele 阅读全文
posted @ 2016-11-13 23:19 赛跑的蜗牛 阅读(31954) 评论(2) 推荐(2)
左右滑动事件，左划出现删除按钮，右滑隐藏
摘要：先看效果图： 参考了别人写的demo做了修改，参考地址：https://github.com/Orange1991/demos-in-sfg.name/tree/14eeaec62f2cba35ec42666080484f9647902d72 做了修改的测试代码： 阅读全文
posted @ 2016-09-13 23:02 赛跑的蜗牛 阅读(11362) 评论(2) 推荐(1)
jquery 的队列queue
摘要：使用示列代码： 阅读全文
posted @ 2016-04-07 22:45 赛跑的蜗牛 阅读(738) 评论(0) 推荐(0)
Jquery判断数组中是否包含某个元素$.inArray()的用法
摘要：判断数组里面是否包含某个元素可以使用 $.inArray("元素(字符串)",数组名称) 进行判断 ,当存在该元素(字符串)时，返回该元素在数组的下标，不存在时返回 -1 示例代码： 阅读全文
posted @ 2016-04-07 21:34 赛跑的蜗牛 阅读(41153) 评论(0) 推荐(0)
Jquery 选择器 详解
摘要：在线文档地址：http://tool.oschina.net/apidocs/apidoc?api=jquery 各种在线工具地址：http://www.ostools.net/ 一、基本选择器 二、层级选择器 三、基本过滤选择器 四、内容过滤选择器 五、属性过滤选择器 六、子元素过滤选择器 七、表 阅读全文
posted @ 2016-04-03 14:12 赛跑的蜗牛 阅读(315) 评论(1) 推荐(0)
DOM对象 与 jQuery对象 之间的相互装换
摘要：示例代码： 阅读全文
posted @ 2016-04-03 12:44 赛跑的蜗牛 阅读(206) 评论(0) 推荐(0)
jQuery 滚动条 滚动到底部（下拉到底部） 加载数据(触发事件、处理逻辑)、分页加载数据
摘要：1、针对浏览器整个窗口滚动 主要代码： 2、一个页面div 内 的滚动条下拉 到底部，触发事件（加载更多内容） 完整代码（注意：div 必须出现滚动条 ， 此方法才有效）： 1 <!DOCTYPE=html> 2 <html> 3 <head> 4 <script src="../Js/jquery 阅读全文
posted @ 2016-03-03 15:33 赛跑的蜗牛 阅读(1948) 评论(0) 推荐(0)
jQuery对 动态添加 的元素 绑定事件（on()的用法）
摘要：从jQuery 版本 1.7 起，on() 方法是向被选元素添加事件处理程序的(官方推荐)首选方法。 当浏览器下载完一个页面的时候就开始渲染(翻译)HTML标签，然后执行css、js代码，在执行js代码的时候就注册了相应绑定的事件，我们平常用jQuery给HTML标签绑定(单击)事件是一般这样写 $ 阅读全文
posted @ 2016-03-01 22:45 赛跑的蜗牛 阅读(16116) 评论(0) 推荐(2)
Jquery判断页面图片是否加载失败,加载失败则显示默认图片
摘要：例子： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www. 阅读全文
posted @ 2016-03-01 14:43 赛跑的蜗牛 阅读(3243) 评论(1) 推荐(0)
JQuery判断数组中是否包含某个元素$.inArray("元素字符串", 数组名称);
摘要：var arry = [ "C#", "html", "css", "JavaScript" ]; var result= $.inArray("C#", arry); //如果arry数组里面存在"C#" 这个字符串则返回该字符串的数组下标，否则返回(不包含在数组中) -1 阅读全文
posted @ 2016-03-01 12:35 赛跑的蜗牛 阅读(20033) 评论(1) 推荐(1)
Jquery对Cookie的操作
摘要：第一步：先引用jQuery的插件jquery-1.9.1.min.js 第二步：引用jquery.cookie.js插件 下对cookie的操作： $.cookie("cookieName", "cookieValue", { expires: 10, //有效日期 以 天 为单位 如果此项未设置则 阅读全文
posted @ 2016-02-27 20:55 赛跑的蜗牛 阅读(354) 评论(0) 推荐(0)
jQuery自动分页打印表格(HTMLtable)，可以强制换页
摘要：最近做项目的时候需要做批量打印订单，一个订单可能在最后一页是的内容是不足一页的，这时候下一个订单需要下一页打印，这样就需要强制换页。在下一页再打印下一个订单 部分代码： 部分重要的css是分页的换页的关键： 1 <style type="text/css"> 2 @media print 3 { 4 阅读全文
posted @ 2016-02-25 16:09 赛跑的蜗牛 阅读(13270) 评论(1) 推荐(0)
Jquery对文本框的值、字符串的验证;正则表达式字符串的验证
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2016-02-24 15:44 赛跑的蜗牛 阅读(3972) 评论(0) 推荐(0)
jquery时间倒计时
摘要：代码： js: function countDown(time, id) { //time的格式yyyy/MM/dd hh:mm:ss var day_elem = $(id).find('.day'); var hour_elem = $(id).find('.hour'); var minute 阅读全文
posted @ 2016-02-23 18:10 赛跑的蜗牛 阅读(618) 评论(1) 推荐(0)
js解析格式化json日期
摘要：代码： function jsonDateFormat(jsonDate) {//json日期格式转换为正常格式 try { var date = new Date(parseInt(jsonDate.replace("/Date(", "").replace(")/", ""), 10)); va 阅读全文
posted @ 2016-02-23 18:04 赛跑的蜗牛 阅读(532) 评论(0) 推荐(0)

1 2 下一页