当前位置:首页 > 资源分类 > jQuery资源下载

jQuery文档、视频、电子书、源码

本标签包含:12个资源
jQuery 相关笔记精选
网友NO.685231

jquery实现的导航固定效果

jquery实现的导航固定效果 1.jquery代码, .nav为导航的class $(function(){ $(window).scroll(function() { if($(window).scrollTop()=250){ $(".nav").addClass("fixedNav"); }else{ $(".nav").removeClass("fixedNav"); } }); }); 2.CSS代码 .fixedNav{ position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); } 3.HTML代码 div class="nav" p导航固定/p /div ……

网友NO.262061

详谈jQuery中使用attr(), prop(), val()获取value的异同

jQuery中有3个获取元素value值的函数比较相似:attr(), prop(), val();拿来比较一下。 示例代码: !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" title/title script src="jquery-2.1.4.js"/script/headbodyinput type="text" value="123"/button id="btn"click/buttonscript $("#btn").click(function(){ var attr=$("input").attr("value"); var prop=$("input").prop("value"); var val=$("input").val(); console.log(attr); console.log(prop); console.log(val); })/script/body 代码如上所示,为输入框设定了初始值:123,此时点击按钮,控制台输出为: 123123123 改变输入框的值,此时控制台输出: 123123thgf123thgf 如果我们没有为文本框设定初始值,即删除value=”123”后,依旧使用如上js代码,则相应输出如下: undefined attr()输出为undefined,而prop()和val()输出为“空”。 输入value值后:控制台输出为: undefinedasdasdasdasd attr()输出依然为undefined,而prop()和val()则输出实……

网友NO.647426

一个基于jquery的文本框记数器

/* *长度跟踪器 *v2.1.0 *bind2Id:用于显示长度变化的元素的id *max:最大长度 *msgWrap:提示信息(必须要有一个"-"占位符) *eg:$('#input').lenTracer({bind2Id:'myTracer',max:150,msgWrap:'您还可以输入-个字符'}); *author:liujg1015@gmail.com */ (function ($) { var zw_validate = function (el, option) { this.el = $(el); this.bindEl = false; this.setting = { bind2Id: false, max: 100, msgWrap: '您还可以输入-个字符' }; if (option) { $.extend(this.setting, option); this.init(); } }; zw_validate.prototype = { init: function () { var _this = this; this.bindEl = $('#' + this.setting.bind2Id); this.el.focus(function () { _this.start(); }).blur(function () { _this.dispose(); }); this.el.css({ paddingBottom: 20 }); this.initMsg(); }, initMsg: function () { var wrap = this.setting.msgWrap.split('-'); this.bindEl.text(this.setting.max - this.count().total).before(wrap[0]).after(wrap[1]); }, count: function () { var _val = this.el.val(); var _len = _val.length; ……

网友NO.188284

jquery使用iscorll实现上拉、下拉加载刷新

本文实例为大家分享了iscorll实现上拉下拉加载刷新的具体代码,供大家参考,具体内容如下 实现原理是:判断fiiptop,flipdown是否显示为依据 myScroll = new iScroll('wraphome', { fixedScrollbar: true, hideScrollbar: true, fadeScrollbar: true, hScrollbar: false, vScrollbar: true, onScrollMove: function () { var topstat = $(".fliptop").is(":visible"); var downstat = $(".flipdown").is(":visible"); if (this.y 15 !topstat !downstat) { $(".fliptop").fadeIn(300); } else if (this.y 15 topstat) { $(".fliptop").hide(); } else if (this.y (this.maxScrollY - 25) !topstat !downstat) { $(".flipdown").fadeIn(300); this.refresh(); //这里是当显示正在加载中时刷新底部位置 } else if (this.y (this.maxScrollY + 25) downstat) { $(".flipdown").hide(); } }, onTouchEnd: function () { var topstat = $(".fliptop").is(":visible"); var downstat = $(".flipdown").is(":visible"); if (topstat !downstat) { $(".fliptop").html("正在加载中……"); setTimeout(fun……

网友NO.847684

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

jQuery判断checkbox(复选框)是否被选中: if($("#id").attr("checked")==true) jQuery实现checkbox(复选框)选中、全选/反选代码: !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.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titlejQuery如何判断checkbox(复选框)是否被选中以及全选、反选/title script type="text/javascript" src="jquery.js"/script script type="text/javascript" !-- $("document").ready(function(){ $("#all").click(function(){ if(this.checked){ $("input[name='checkbox']").each(function(){this.checked=true;}); $("#btn1").attr("value","反选"); }else{ $("input[name='checkbox']").each(function(){this.checked=false;}); $("#btn1").attr("value","全选"); } }); $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }); $("#btn2").click(function(){ $("[name='checkbox']")……

网友NO.907881

jQuery中next()方法用法实例

本文实例讲述了jQuery中next()方法用法。分享给大家供大家参考。具体分析如下: 此方法获得匹配元素集合中每个元素紧邻的同辈元素。 也可以使用可选的表达式对同辈元素集合进行筛选。 语法结构: 复制代码 代码如下: $(selector).next(expr) 参数列表: 参数 描述 expr 可选。用于筛选的表达式 实例代码: 实例一: 复制代码 代码如下: !DOCTYPE HTML html head meta charset="utf-8"/ meta name="author" content="//www.jb51.net/" / titlenext()函数-码农之家/title style type="text/css" .father { height:200px; width:200px; border:1px solid blue; } /style script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"/script script type="text/javascript" $(document).ready(function(){ $("p").next().css("color","blue") }) /script /head body div class="father" p我是p元素/p span我是span元素/span p我是p元素/p div我是div元素/div /div /body /html 将每一个p元素紧邻的元素中的字……

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

版权投诉 / 书籍推广 / 赞助:QQ:520161757